HTML <select> Tag
ဥပမာ
ရွေးချယ်စရာလေးခုဖြင့် drop-down list တစ်ခုဖန်တီးပါ။
<label for="cars">Choose a car:</label>
<select
name="cars" id="cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</select>
အောက်တွင် နောက်ထပ် "စမ်းသုံးကြည့်ပါ" ဥပမာများ။
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
<select>
drop-down list တစ်ခုဖန်တီးရန် element ကိုအသုံးပြုသည် ။
အသုံးပြုသူ <select>
ထည့်သွင်းမှုကို စုဆောင်းရန်အတွက် အစိတ်အပိုင်းကို ဖောင်တစ်ခုတွင် အများဆုံးအသုံးပြုလေ့ရှိသည်။
name
ဖောင်တင်ပြီးနောက် ဖောင်ဒေတာကို ရည်ညွှန်းရန် ရည်ညွှန်းချက် လိုအပ်သည် ( attribute ကို ချန်လှပ်ထားပါက drop
name
-down list မှ ဒေတာကို တင်ပြမည်မဟုတ်ပါ)။
drop-down list ကို အညွှန်း id
တစ်ခုနှင့် ချိတ်ဆက်ရန် ရည်ညွှန်းချက် လိုအပ်ပါသည်။
ဒြပ်စင် အတွင်းရှိ <option> တဂ် <select>
များသည် drop-down list တွင် ရနိုင်သောရွေးချယ်မှုများကို သတ်မှတ်ပေးသည်။
အကြံပြုချက်- အကောင်းဆုံးဝင်ရောက်နိုင်မှုအလေ့အကျင့်များအတွက် <label> တဂ်ကို အမြဲထည့်ပါ ။
Browser ပံ့ပိုးမှု
Element | |||||
---|---|---|---|---|---|
<select> | Yes | Yes | Yes | Yes | Yes |
ဂုဏ်တော်
Attribute | Value | Description |
---|---|---|
autofocus | autofocus | Specifies that the drop-down list should automatically get focus when the page loads |
disabled | disabled | Specifies that a drop-down list should be disabled |
form | form_id | Defines which form the drop-down list belongs to |
multiple | multiple | Specifies that multiple options can be selected at once |
name | name | Defines a name for the drop-down list |
required | required | Specifies that the user is required to select a value before submitting the form |
size | number | Defines the number of visible options in a drop-down list |
ကမ္ဘာလုံးဆိုင်ရာ အရည်အချင်းများ
<select>
tag သည် HTML တွင် Global Attributes ကို ပံ့ပိုး ပေးပါသည်။
ဖြစ်ရပ်ဂုဏ်တော်များ
<select>
tag သည် HTML ရှိ Event Attributes များကိုလည်း ပံ့ပိုး ပေးပါသည် ။
နောက်ထပ် ဥပမာများ
ဥပမာ
<optgroup> တဂ်များဖြင့် <select> ကိုသုံးပါ
<label for="cars">Choose a car:</label>
<select
name="cars" id="cars">
<optgroup label="Swedish Cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
</optgroup>
<optgroup label="German Cars">
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</optgroup>
</select>
ဆက်စပ်စာမျက်နှာများ
HTML DOM ရည်ညွှန်း- Object ကို ရွေး ပါ။
CSS ကျူတိုရီရယ်- ပုံစံပုံစံပုံစံများ
မူရင်း CSS ဆက်တင်များ
တစ်ခုမှ