HTML <option> Tag
ဥပမာ
ရွေးချယ်စရာလေးခုပါရှိသော drop-down စာရင်း
<label for="cars">Choose a car:</label>
<select id="cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="opel">Opel</option>
<option value="audi">Audi</option>
</select>
အောက်တွင် နောက်ထပ် "စမ်းသုံးကြည့်ပါ" ဥပမာများ။
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
တက် <option>
ဂ်သည် ရွေးချယ်ထားသောစာရင်းတစ်ခုတွင် ရွေးချယ်မှုတစ်ခုကို သတ်မှတ်သည်။
<option>
ဒြပ်စင်များသည် <select> ၊
<optgroup> သို့မဟုတ် <datalist> ဒြပ်စင်တစ်ခုအတွင်း ရောက်သွားပါသည်။
မှတ်ချက်- တဂ် <option>
အား မည်သည့် attribute မျှမပါဘဲ အသုံးပြုနိုင်ပြီး၊ သို့သော် ဖောင်တင်သွင်းမှုတွင် ဆာဗာထံသို့ ပေးပို့ထားသည်ကို ညွှန်ပြသည့် တန်ဖိုး attribute ကို များသောအားဖြင့် လိုအပ်ပါသည်။
အကြံပြုချက်- သင့်တွင် ရွေးချယ်စရာများစာရင်းရှည်ရှိပါက၊ သင်သည် <optgroup> တဂ်အတွင်း ဆက်စပ်ရွေးချယ်စရာများကို အုပ်စုဖွဲ့နိုင်ပါသည်။
Browser ပံ့ပိုးမှု
Element | |||||
---|---|---|---|---|---|
<option> | Yes | Yes | Yes | Yes | Yes |
ဂုဏ်တော်
Attribute | Value | Description |
---|---|---|
disabled | disabled | Specifies that an option should be disabled |
label | text | Specifies a shorter label for an option |
selected | selected | Specifies that an option should be pre-selected when the page loads |
value | text | Specifies the value to be sent to a server |
ကမ္ဘာလုံးဆိုင်ရာ အရည်အချင်းများ
<option>
tag သည် HTML တွင် Global Attributes ကို ပံ့ပိုး ပေးပါသည်။
ဖြစ်ရပ်ဂုဏ်တော်များ
<option>
tag သည် HTML ရှိ Event Attributes ကိုလည်း ပံ့ပိုး ပေးပါသည် ။
နောက်ထပ် ဥပမာများ
ဥပမာ
<datalist> ဒြပ်စင်တစ်ခုတွင် <option> ကိုအသုံးပြုခြင်း-
<label for="browser">Choose your browser from the list:</label>
<input list="browsers" name="browser" id="browser">
<datalist id="browsers">
<option value="Edge">
<option value="Firefox">
<option value="Chrome">
<option value="Opera">
<option value="Safari">
</datalist>
ဥပမာ
<optgroup> ဒြပ်စင်များတွင် <option> ကိုအသုံးပြုခြင်း-
<label for="cars">Choose a car:</label>
<select 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 ရည်ညွှန်းချက်- ရွေးချယ်စရာ အရာဝတ္ထု
မူရင်း CSS ဆက်တင်များ
တစ်ခုမှ