تگ های فرم

تگ های فرم در  Html

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

لیست تگ های فرم

<input>
<label>
<select>
<textarea>
<button>
<fieldset>
<legend>
<datalist>
<output>
<option>
<optgroup>

تگ input

تگ label

تگ <label> برای چندین تگ فرم یک برچسب را تعریف می کند.

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

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

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

تگ select

<label for=”cars”>ماشین</label>
<select id=”cars” name=”cars”>
<option value=”pride”>پراید</option>
<option value=”samand”>سمند</option>
<option value=”D”>دوو</option>
<option value=”Rd”>آردی</option>
</select>

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

ماشین
پرایدسمنددووآردی

<option value=”RD” selected>آردی</option>

<label for=”cars”>ماشین</label>
<select id=”cars” name=”cars” size=”3″>
<option value=”pride”>پراید</option>
<option value=”samand”>سمند</option>
<option value=”D”>دوو</option>
<option value=”Rd”>آردی</option>
</select>

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

ماشین
پرایدسمنددووآردی

<label for=”cars”>ماشین</label>
<select id=”cars” name=”cars” size=”3″ multiple>
<option value=”pride”>پراید</option>
<option value=”samand”>سمند</option>
<option value=”D”>دوو</option>
<option value=”Rd”>آردی</option>
</select>

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

ماشین
پرایدسمنددووآردی

تگ textarea

<textarea name=”message” rows=”10″ cols=”30″>
متن خود را اینجا وارد کنید

</textarea>

تگ button

<button type=”button” onclick=”alert(‘Hello World!’)”>Click Me!</button>

عناصر fieldset و legend

<form action=”/action_page.php”>
  <fieldset>
    <legend>مشخصات</legend>
    <label for=”fname”>نام :</label><br>
    <input type=”text” id=”fname” name=”fname” value=”علی”><br>
    <label for=”lname”>نام خانوادگی </label><br>
    <input type=”text” id=”lname” name=”lname” value=”محمدی”><br><br>
    <input type=”submit” value=”Submit”>
  </fieldset>
</form>

تگ datalist

<form action=”/action_page.php”>
  <input list=”browsers”>
  <datalist id=”browsers”>
    <option value=”Internet Explorer”>
    <option value=”Firefox”>
    <option value=”Chrome”>
    <option value=”Opera”>
    <option value=”Safari”>
  </datalist>
</form>

تگ output

<form action=”/action_page.php”
oninput=”x.value=parseInt(a.value)+parseInt(b.value)”>
  ۰
  <input type=”range”  id=”a” name=”a” value=”50″>
  ۱۰۰ +
  <input type=”number” id=”b” name=”b” value=”50″>
  =
  <output name=”x” for=”a b”></output>
  <br><br>
  <input type=”submit”>
</form>

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