HTML အခြေခံ အဖွဲ့

အဆိုပါ စာမေးသတင်း အသုံးပြု

<input> အသုံးပြု

အရေးပါ အခြား အသုံးပြု <input> အသုံးပြု

<input> အသုံးပြု type အခြား အပြောင်းအလဲ အား ပြင်ဆင်ခြင်းဖြင့် ပြောင်းလဲနိုင်သော အခြား အချက်အလက်

Note:နောက်လာမည့် စာမေးသတင်း အမျိုးမျိုး အကြောင်းကို ဖော်ပြပါမည်。

<select> အသုံးပြု

<select> အသုံးပြုနောက်ဆုံး လက်တင်:

အကြောင်း

<select name="cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="fiat">Fiat</option>
<option value="audi">Audi</option>
</select>

ကိုယ်တိုင် စမ်းသပ်ချက်

<option> အဆိုပါ အသုံးပြု

အဆိုပါ အသင်းအုပ် သည် ပထမ ရွေးချယ်ခြင်း အား ပြသသည်。

selected အရိုက်အချုပ် ပြင်ဆင်ခြင်းဖြင့် အဆိုပါ အချက်အလက် အဆိုပါ ရွေးချယ်ခြင်း အား သတ်မှတ်နိုင်သည်。

အကြောင်း

<option value="fiat" selected>Fiat</option>

ကိုယ်တိုင် စမ်းသပ်ချက်

<textarea> အသုံးပြု

<textarea> အသင်းအုပ် အသုံးပြုသော အရေးပါ သတင်းအရင်းစာသင်္ချာ）：

အကြောင်း

<textarea name="message" rows="10" cols="30">
ချစ်ဆန်းသည် အောင်လိပ်တွင် ကစားနေသည်。
</textarea>

ကိုယ်တိုင် စမ်းသပ်ချက်

The above HTML code is displayed in the browser as:

ချစ်ဆန်းသည် အောင်လိပ်တွင် ကစားနေသည်。

<button> element

<button> Element defines clickableButton:

အကြောင်း

<button type="button" onclick="alert('Hello World!')">Click Me!</button>

ကိုယ်တိုင် စမ်းသပ်ချက်

The above HTML code is displayed in the browser as:

HTML5 form elements

HTML5 has added the following form elements:

  • <datalist>
  • <keygen>
  • <output>

Note:By default, browsers do not display unknown elements. New elements will not break your page.

HTML5 <datalist> element

<datalist> The element specifies a predefined option list for the <input> element.

The user will see a dropdown list of predefined options when they enter data.

attribute of the <input> element list Attribute must refer to the <datalist> element's id အခြေခံ

အကြောင်း

Predefined values for the <input> element are set through <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>

ကိုယ်တိုင် စမ်းသပ်ချက်