တဂ် select

တဂ် select သည် HTML ဖောင်များတွင် အသုံးပြုရန် အောက်ကျဆင်းရွေးချယ်စာရင်းတစ်ခုကို ဖန်တီးပေးသည်။

စာရင်းရှိ အတွင်းပိုင်းအမှတ်တစ်ခုစီအား တဂ် option အတွင်း ထည့်သွင်းထားရမည်။

ဂုဏ်သတ္တိများ

နမူနာ

အောက်ကျဆင်းရွေးချယ်စာရင်း မည်သို့အလုပ်လုပ်သည်ကို ကြည့်ရအောင်။

html<select>
  <option>City1</option>
  <option>City2</option>
  <option>City3</option>
  <option>City4</option>
</select>

Результат:

နမူနာ

အောက်ကျဆင်းရွေးချယ်စာရင်း၏ အနံအား အကြီးဆုံးအကြောင်းအရာ၏ အနံနှင့် တူညီအောင် ပြုလုပ်ကြပါစို့ (အကယ်၍ ၎င်းအား CSS ဂုဏ်သတ္တိ width အသုံးပြု၍ ထုတ်ဖော်မဖော်ပြခဲ့လျှင်)။

html<select>
  <option>Big City1</option>
  <option>City2</option>
  <option>City3</option>
  <option>City4</option>
</select>

Результат:

နမူနာ . ပုံသေရွေးချယ်မှု

ယခုအခါ ပုံသေအနေဖြင့် မြို့တစ်မြို့ကို ရွေးချယ်ကြည့်ကြပါစို့။ selected ဂုဏ်သတ္တိကို အသုံးပြု၍ ပြုလုပ်ကြပါစို့။

html<select>
  <option>Big City1</option>
  <option selected>City2</option>
  <option>City3</option>
  <option>City4</option>
</select>

Результат:

နမူနာ . မျိုးကွဲရွေးချယ်မှု

ယခုအခါ ပုံမှန်ရွေးချယ်မှုအား multiple ဂုဏ်သတ္တိကို အသုံးပြု၍ မျိုးကွဲရွေးချယ်မှုအဖြစ်သို့ ပြောင်းလဲကြပါစို့။

html<select multiple name="city[]">
  <option>City1</option>
  <option>City2</option>
  <option>City3</option>
  <option>City4</option>
</select>

Результат:

name ဂုဏ်သတ္တိတွင် သတ်မှတ်ထားသော ရွေးချယ်မှု၏ အမည်သည် အဆုံးတွင် ထောင့်ကွင်းများပါရှိရမည်ကို သတိပြုပါ။ ၎င်းမှာ PHP သို့ ရွေးချယ်ထားသော တန်ဖိုးအားလုံး ရောက်ရှိလာစေရန် လိုအပ်သည် (မဟုတ်ပါက တစ်ခုတည်း - နောက်ဆုံးတန်ဖိုးသာ ရောက်ရှိလာမည်)။

နမူနာ . မျိုးကွဲရွေးချယ်မှုတွင် ပုံသေတန်ဖိုးများစွာ

ယခုအခါ၊ မျိုးကွဲရွေးချယ်မှုတွင် ပုံသေအနေဖြင့်၊ တစ်ခုထက်ပိုသော တန်ဖိုးများကို ရွေးချယ်ကြည့်ကြပါစို့။

html<select multiple name="city[]">
  <option>City1</option>
  <option selected>City2</option>
  <option>City3</option>
  <option selected>City4</option>
</select>

Результат:

ထပ်မံကြည့်ရှုရန်