با استفاده از برچسب ورودی برای ارسال فرم ها
اشکال HTML یکی از ساده ترین راه های اضافه کردن تعامل به وب سایت شما است. شما می توانید سؤالاتی را مطرح کنید و پاسخ های خود را از خوانندگان خود دریافت کنید، اطلاعات اضافی را از پایگاه های داده، بازی ها و غیره تنظیم کنید. تعدادی از عناصر HTML شما می توانید برای ساخت فرم های خود استفاده کنید. و هنگامی که فرم خود را ایجاد کرده اید، راه های مختلفی برای ارسال این داده ها به سرور وجود دارد و یا فقط اقدام عملی فرم را شروع می کنید.
اینها روش های متعددی هستند که می توانید اشکال خود را ارسال کنید:
-
- این رایج ترین روش برای دریافت اطلاعات به سرور است، اما می تواند بسیار ساده باشد.
-
- با استفاده از یک تصویر، دکمه ارسال خود را با سبک سایت خود بسیار آسان می کند. اما برخی افراد ممکن است آن را به عنوان یک دکمه ارسال نشان ندهند.
-
- تگ دکمه INPUT گزینه های زیادی را به عنوان تگ تصویر INPUT می دهد، اما بیشتر شبیه نوع ارسال استاندارد است. برای فعال شدن نیاز به جاوا اسکریپت دارد
- <دکمه>
- برچسب BUTTON یک دکمه نسبتا متنوعی نسبت به INPUT است. این برچسب نیاز به جاواریپت برای فعال سازی دارد
-
- عنصر COMMAND در HTML5 جدید است و راه را برای فعال کردن اسکریپت ها و فرم ها با فعالیت های مرتبط فراهم می کند. این جاوا اسکریپت فعال شده است.
عنصر INPUT
عنصر INPUT رایج ترین روش برای ارسال یک فرم است، همه ی شما یک نوع (دکمه، تصویر، یا ارسال) را انتخاب می کنید و در صورت لزوم بعضی از اسکریپت ها را برای ارسال به عمل فرم اضافه کنید.
عنصر می تواند درست مثل آن نوشته شود. اما اگر شما انجام دهید، نتایج مختلفی در مرورگرهای مختلف خواهید داشت. اکثر مرورگرها یک دکمه ای را می نویسند که "ارسال" می کند، اما فایرفاکس یک دکمه ای می گوید که "ارسال پرس و جو" را می دهد. برای تغییر آنچه دکمه می گوید، باید یک ویژگی اضافه کنید:
value = "فرم ثبت نام">
عنصر مانند این است، اما اگر تمام ویژگی های دیگر را ترک کنید، همه ی مواردی که در مرورگرها نمایش داده می شود، یک دکمه خاکستری خالی است. برای اضافه کردن متن به دکمه، از ویژگی ارزش استفاده کنید. اما این دکمه فرم را تحویل نمی دهد مگر اینکه از جاوا اسکریپت استفاده کنید.
onclick = "submit ()؛">
این مشابه نوع دکمه است که نیاز به یک اسکریپت برای ارسال فرم دارد. به جز اینکه به جای یک مقدار متن، شما باید یک URL منبع تصویر اضافه کنید.
src = "submit.gif">
عنصر BUTTON
عنصر BUTTON نیاز به تگ باز و تگ بستن هنگام استفاده از آن، هر محتوایی که درون تگ قرار می گیرد، در یک دکمه محصور می شود. سپس دکمه را با یک اسکریپت فعال می کنید.
فرم ارسال
شما می توانید تصاویر را در دکمه خود و یا ترکیب تصاویر و متن را برای ایجاد یک دکمه جالب تر.
فرم ارسال
COMMAND عنصر
عنصر COMMAND با HTML5 جدید است. این نیازی به استفاده از FORM نیست، اما می تواند به عنوان یک دکمه ارسال برای یک فرم عمل کند. این عنصر به شما امکان می دهد صفحات تعاملی بیشتری ایجاد کنید بدون نیاز به فرم، مگر اینکه واقعا به اشکال نیاز داشته باشید. اگر می خواهید فرمان چیزی بگوید، اطلاعات را در یک ویژگی برچسب بنویسید.
label = "Submit Form">
اگر می خواهید فرمان خود را با یک تصویر نشان داده شود، از ویژگی آیکون استفاده می کنید.
icon = "submit.gif">
این مقاله بخشی از قالب HTML Forms است. برای یادگیری نحوه استفاده از اشکال HTML، از طریق آموزش کامل مطالعه کنید.
همانطور که در صفحه قبلی آموخته اید، فرم های HTML دارای چندین روش مختلف هستند. دو مورد از این روش عبارتند از INPUT و برچسب BUTTON. دلایل خوبی برای استفاده از هر دو این عناصر وجود دارد.
عنصر INPUT
تگ ساده ترین روش ارسال یک فرم است. این چیزی بیش از خود تگ، حتی ارزش ندارد. هنگامی که یک مشتری بر روی دکمه کلیک می کند، آن را به صورت خودکار ارسال می کند. شما نیازی به اضافه کردن اسکریپتها ندارید، مرورگرها می دانند که فرم را هنگام ارسال تگ ارسال INPUT بفرستند.
مشکل این است که این دکمه بسیار زشت و ساده است. شما نمیتوانید تصاویر را به آن اضافه کنید شما می توانید آن را مانند هر عنصر دیگری سبک کنید، اما هنوز هم می توانید دکمه زشت را احساس کنید.
هنگامی که فرم شما باید قابل دسترسی باشد حتی در مرورگرهای دارای جاوا اسکریپت خاموش، از روش INPUT استفاده کنید.
عنصر BUTTON
عنصر BUTTON گزینه های بیشتری برای ارائه اشکال ارائه می دهد. شما می توانید هر چیزی را در یک عنصر BUTTON قرار دهید و آن را به دکمه ارسال ارسال کنید. اغلب مردم از تصاویر و متن استفاده می کنند. اما شما می توانید یک DIV ایجاد کنید و اگر این کار را می خواهید، دکمه ارسال را تمام کنید.
بزرگترین نقطه ضعف عنصر BUTTON اینست که فرم به صورت خودکار ارسال نمی شود. این به این معنی است که باید یک نوع اسکریپت برای آن فعال شود. و از این رو کمتر از INPUT استفاده می شود. هر کاربری که جاوا اسکریپت را فعال نکرده قادر به ارسال یک فرم با تنها عنصر BUTTON برای ارسال آن نخواهد بود.
با استفاده از روش BUTTON بر روی فرمهایی که بسیار مهم نیستند. همچنین، این یک راه عالی برای اضافه کردن گزینه های ارسال اضافی در یک فرم است.
این مقاله بخشی از قالب HTML Forms است . برای خواندن بیشتر در مورد چگونگی استفاده از فرم های HTML، آن را بخوانید