HTML အကိုးအကား

အက္ခရာဖြင့် HTML HTML အမျိုးအစားအလိုက် HTML Browser ပံ့ပိုးမှု HTML အရည်အချင်းများ HTML ကမ္ဘာလုံးဆိုင်ရာ အရည်အချင်းများ HTML ပွဲများ HTML အရောင်များ HTML Canvas HTML အသံ/ဗီဒီယို HTML အက္ခရာအစုံများ HTML Doctypes HTML URL ကုဒ် HTML ဘာသာစကားကုဒ်များ HTML နိုင်ငံကုဒ်များ HTTP မက်ဆေ့ခ်ျများ HTTP နည်းလမ်းများ PX မှ EM Converter ကီးဘုတ်ဖြတ်လမ်းများ


HTML form Attribute


အဓိပ္ပါယ်နှင့် အသုံးပြုမှု

ရည်ညွှန်းချက်သည် ပါဝင်သည့် ဒြပ်စင်ပုံစံ ကို formသတ်မှတ်သည်။

ဤ attribute ၏တန်ဖိုး သည် တူညီသောစာရွက်စာတမ်းရှိ element တစ်ခု၏ idattribute နှင့် တူညီရပါမည် ။ <form>


တွေပေါ့။

ရည်ညွှန်းချက်ကို အောက်ပါ formဒြပ်စင်များတွင် အသုံးပြုနိုင်ပါသည်။

ဒြပ်စင် ဂုဏ်ရည်
<ခလုတ်> ပုံစံ
<fieldset> ပုံစံ
<input> ပုံစံ
<label> ပုံစံ
<မီတာ> ပုံစံ
<object> ပုံစံ
<output> ပုံစံ
<select> ပုံစံ
<textarea> ပုံစံ

ဥပမာများ

ခလုတ်ဥပမာ

ဖောင်တစ်ခု၏ အပြင်ဘက်တွင်ရှိသော ခလုတ်တစ်ခု (သို့သော် ဖောင်၏ အစိတ်အပိုင်းတစ်ခု ဖြစ်နေသေးသည်)။

<form action="/action_page.php" method="get" id="form1">
  First name: <input type="text" name="fname"><br>
  Last name: <input type="text" name="lname"><br>
</form>

<button type="submit" form="form1" value="Submit">Submit</button>

Fieldset ဥပမာ

ဖောင်အပြင်ဘက်တွင်ရှိသော <fieldset> ဒြပ်စင်တစ်ခု (သို့သော် ဖောင်၏တစ်စိတ်တစ်ပိုင်းဖြစ်နေဆဲ)။

<form action="/action_page.php" method="get" id="form1">
  What is your favorite color? <input type="text" name="fav_color"><br>
  <input type="submit">
</form>

<fieldset form="form1">
  Name: <input type="text" name="username"><br>
  Email: <input type="text" name="usermail"><br>
</fieldset>

ထည့်သွင်းဥပမာ

HTML ဖောင်အပြင်ဘက်တွင်ရှိသော ထည့်သွင်းအကွက်တစ်ခု (သို့သော် ဖောင်၏တစ်စိတ်တစ်ပိုင်းဖြစ်နေဆဲ)။

<form action="/action_page.php" id="form1">
  First name: <input type="text" name="fname"><br>
  <input type="submit" value="Submit">
</form>

Last name: <input type="text" name="lname" form="form1">

အညွှန်းနမူနာ

ဖောင်တစ်ခုပြင်ပတွင်ရှိသော <label> ဒြပ်စင်တစ်ခု (သို့သော် ဖောင်၏တစ်စိတ်တစ်ပိုင်းဖြစ်နေဆဲဖြစ်သည်)။

<form action="/action_page.php" id="form1">
  <input type="radio" id="html" name="fav_language" value="HTML"><br>
  <input type="radio" id="css" name="fav_language" value="CSS">
  <label for="css">CSS</label><br>
  <input type="radio" id="javascript" name="fav_language" value="JavaScript">
  <label for="javascript">JavaScript</label><br><br>
  <input type="submit" value="Submit">
</form>

<label for="html">HTML</label>

မီတာနမူနာ

ဖောင်တစ်ခု၏ အပြင်ဘက်တွင်ရှိသော <meter> ဒြပ်စင်တစ်ခု (သို့သော် ဖောင်၏ အစိတ်အပိုင်းတစ်ခု ဖြစ်နေဆဲ)။

<form action="/action_page.php" method="get" id="form1">
  First name: <input type="text" name="fname"><br>
  <input type="submit" value="Submit">
</form>

<meter form="form1" name="x1" min="0" low="40" high="90" max="100" value="95"></meter>

Object ဥပမာ

ဖောင်တစ်ခု၏ အပြင်ဘက်တွင်ရှိသော <object> ဒြပ်စင်တစ်ခု (သို့သော် ဖောင်၏တစ်စိတ်တစ်ပိုင်းဖြစ်နေဆဲ)။

<form action="/action_page.php" id="form1">
  First name: <input type="text" name="fname"><br>
  <input type="submit" value="Submit">
</form>

<object data="helloworld.swf" height="400" width="400" form="form1" name="obj1"></object>

Output ဥပမာ

ဖောင်တစ်ခု၏ အပြင်ဘက်တွင်ရှိသော <output> ဒြပ်စင်တစ်ခု (သို့သော် ဖောင်၏တစ်စိတ်တစ်ပိုင်းဖြစ်နေဆဲ)။

<form action="/action_page.php" id="numform"
oninput="x.value=parseInt(a.value)+parseInt(b.value)">0
<input type="range" id="a" name="a" value="50">100
+<input type="number" id="b" name="b" value="50">
<br><br>
<input type="submit">
</form>

<output form="numform" name="x" for="a b"></output>

ဥပမာကို ရွေးပါ။

ဖောင်အပြင်ဘက်တွင်ရှိသော drop-down စာရင်း (သို့သော် ဖောင်၏တစ်စိတ်တစ်ပိုင်းဖြစ်နေဆဲ)။

<form action="/action_page.php" id="carform">
  Firstname:<input type="text" name="fname">
  <input type="submit">
</form>

<select name="carlist" form="carform">
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>

Textarea ဥပမာ

ဖောင်တစ်ခု၏ အပြင်ဘက်တွင်ရှိသော စာသားဧရိယာ (သို့သော် ဖောင်၏တစ်စိတ်တစ်ပိုင်းဖြစ်နေဆဲ)။

<form action="/action_page.php" id="usrform">
  Name: <input type="text" name="usrname">
  <input type="submit">
</form>

<textarea name="comment" form="usrform">Enter text here...</textarea>

Browser ပံ့ပိုးမှု

formရည်ညွှန်းချက်တွင် ဒြပ်စင်တစ်ခုစီအတွက် အောက်ပါဘရောက်ဆာ ပံ့ပိုးမှုပါရှိသည်

Element
button 10.0 Not supported 4.0 5.1 9.5
fieldset Not supported Not supported Not supported Not supported Not supported
input 9.0 Not supported 4.0 5.1 10.6
label Yes Yes Yes Yes Yes
meter Not supported Not supported Not supported Not supported Not supported
object Not supported Not supported Not supported Not supported Not supported
output Yes Not supported Yes Yes Yes
select Yes Not supported Yes Yes Yes
textarea Yes Not supported Yes Yes Yes