میخوای وارد بازار کار بشی و محصولات خودت رو بفرشی همین الان ثبت نام کن
0

فرم در HTML

فرم در HTML

با عرض سلام و خسته نباشید خدمت تمام کاربران عزیز و  برنامه نویسان گرامی امروز با مبحث فرم در HTML در خدمت شما دوستان عزیز خواهیم بود  برای اینکه  بتونین دیگر مباحث مربوط به برنامه نویسی HTML رو مشاهده کنید میتونین از این لینک اقدام نمائید  .

از فرم در HTML برای جمع آوری ورودی کاربر استفاده می شود. ورودی کاربر اغلب برای پردازش به یک سرور ارسال می شود.

 

تگ form

از تگ form  برای ایجاد فرم HTML برای ورودی کاربر استفاده می شود .

<form>

</form>

تگ form  ظرفی برای انواع مختلف عناصر ورودی است ، مانند: تکست فیلد ها ، چک باکس ها ، دکمه های رادیویی ، دکمه های ارسال و غیره.

تگ input

تگ input پرکاربردترین تگ فرم است.
یک تگ input بسته به ویژگی نوع ، از بسیاری جهات قابل نمایش است.

به مثل های زیر دقت کنید :

<input type=”text”>

یک قسمت ورودی متن تک خطی را نمایش می دهد               

 

<input type=”radio”>

یک دکمه رادیویی را نمایش می دهد (برای انتخاب یکی از گزینه های مختلف)

 

<input type=”checkbox”>

کادر انتخاب را نمایش می دهد (برای انتخاب صفر یا بیشتر از بسیاری از گزینه ها)

<input type=”submit”>

دکمه ارسال را نمایش می دهد (برای ارسال فرم)     

<input type=”button”>

یک دکمه قابل کلیک را نمایش می دهد       

 

<input type = “text”> یک قسمت ورودی تک خطی را برای ورودی متن تعریف می کند.

<form>
<label for=”fname”>First name:</label><br>
<input type=”text” id=”fname” name=”fname”><br>
<label for=”lname”>Last name:</label><br>
<input type=”text” id=”lname” name=”lname”>
</form>

نتیجه در مرورگر :

  


 
توجه: خود فرم قابل مشاهده نیست. همچنین توجه داشته باشید که عرض پیش فرض یک تکست فیلد ۲۰ کاراکتر است.

 

 

تگ label

به استفاده از تگ  label  در مثال بالا توجه کنید. تگ  label  برچسب بسیاری از تگ های فرم را تعریف می کند.

تگ label برای کاربران صفحه خوان خواننده مفید است ، زیرا خواننده صفحه با تمرکز کاربر بر روی عنصر ورودی ، برچسب را با صدای بلند می خواند.

تگ  label  همچنین به کاربرانی که در کلیک کردن بر روی مناطق بسیار کوچک (مانند دکمه های رادیویی یا کادرهای انتخاب) مشکل دارند ، کمک می کند – زیرا وقتی کاربر متن را در تگ label کلیک می کند ، دکمه / جعبه رادیو را متصل می کند.

ویژگی for از تگ label باید برابر با مشخصه id تگ input باشد تا آنها را به هم متصل کند.

 

امیدواریم این بخش از آموزش در مورد فرم در HTML و تگ های label و input نیز برای شما مفید واقع شده باشد و ما را در تلگرام و اینستاگرام دنبال کنید .

ارسال دیدگاه

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

×

سلام کاربر عزیز

هر سوالی دارید در این بخش هستیم تا شما رو راهنمائی کنیم

روی لوگومون کلیک کنید

× چطور میتونم کمکتون کنم؟