အဆိုပါ HTML မှာ drop-down list ကိုအောင်လုပ်နည်း

အဆိုပါ HTML မှာအရိုးရှင်းဆုံး Drop-down list ကို select လုပ်ပါဟာ tag ကိုသုံးပြီးဖန်တီးရန်လွယ်ကူသည်။ ဒါကကွန်တိန်နာ tag ကို, အထဲတွင် embedded option ကို Tags - ကစာရင်းပစ္စည်းများကိုသတ်မှတ်ထားသောသူတို့သည်ဖြစ်ပါတယ်။

အဆိုပါ tag ကို select လုပ်နေဖြင့်ပြုသောအမှုနိုင်သည့်တော်တော်များများရွေးချယ်စရာစာရင်းများ, ရှိပါတယ်: drop-down စာရင်းကို (options တွေကိုအဓိကလယ်ပြင်ပေါ်တွင်ကလစ်နှိပ်ခြင်းအပြီးလဲကျဒါမှမဟုတ်ကျော်ပျံဝဲ), နှင့်မျိုးစုံရွေးချယ်မှုများစာရင်းကို - အထဲတွင်သုံးစွဲသူအများအပြားပစ္စည်းများရွေးနိုင်သည်။ ပထမဦးဆုံးသူတို့ခေတ်သစ်အညွှန်းက်ဘ်ဆိုက်များ၏အရေးပါသောဒြပ်စင်များမှာပိုမိုဘုံဖြစ်ပါတယ်။ drop-down list ကိုမျိုးစုံရွေးချယ်မှုသင်ကုန်စည်အနည်းငယ်ဝိသေသလက္ခဏာများကို select ချင်ရှိရာ directory များတွင်ဥပမာ, ကိုအသုံးပြုနိုင်ပါတယ်။

စာရင်း၏အသွင်အပြင်နှင့်ဂုဏ်သတ္တိများကိုပြောင်း, သငျသညျတစ်လောကလုံးနှင့်အထူး attribute တွေကိုသုံးနိုင်သည်။

tag ကို attribute တွေကို select

1. အကွိမျမြားစှာ - မျိုးစုံရွေးချယ်မှုသတ်မှတ်ပါတယ်။

2. အရွယ်အစား - သောအမြင့်ဖြစ်ပါသည်, ထိုစာရင်းထဲတွင်မြင်နိုင်လိုင်းများ၏နံပါတ်သတ်မှတ်ပါတယ်။ ပြီးတော့အားလုံးမျိုးစုံ attribute ကိုပစ္စုပ္ပန်သို့မဟုတ်မပေါ်တွင်မူတည်ပါသည်။ ဒါကြောင့်ပါလျှင်, သင်, အရွယ်အစားအိပ်ရာကိုသတ်မှတ်ကြပါဘူးထို့နောက်မျိုးစုံအသုံးပြုသူ၏ရှေ့တော်၌လူအပေါင်းတို့သည်သင်၏ရွေးချယ်မှုများမြင်ရပါလိမ့်မည်, ဒါပေမယ့်မျိုးစုံပျောက်ဆုံးလျှင်, တစ်ဦးတည်းသာလိုင်းဖြစ်ပြနေပါတယ်, နှင့်ဓာတ်လှေကား၏ညာဘက်အခြမ်းအပေါ်အိုင်ကွန်ကိုနှိပ်လိုက်ရင်အခါအခြားအသုံးပြုသူကိုဖတ်ရှုနိုင်ပါလိမ့်မည်။ အကယ်. အရွယ်အစား၏အမြင့်သတ်မှတ်ထားသောနှင့်ဘားပုံပေါ်လက်ျာစာစောင်ကိုအပေါ်ရွေးချယ်စရာ၏နံပါတ်ထက်လျော့နည်းသည်။

3. အမည် - အမည်ဖြစ်တယ်။ drop-down list ကိုပြုလုပ်စရာမလိုဘဲလုပ်ဆောင်နိုင်တယ်, ဒါပေမယ့်သူကဆာဗာပေါ်တွင် program ကို-handler ကိုအတူဆက်ဆံရန်လိုအပ်သောဖြစ်နိုင်သည်။ စည်းကမ်းအတိုင်း, နာမကိုအမှီနေဆဲညွှန်ပြနေသည်။

ကို Select လုပ်ပါ tag ကိုထို option ကို tag ကိုဆန့်ကျင်မလိုအပ်တဲ့ attribute တွေရှိပါတယ်။

ပူးတွဲ attribute တွေ tag ကို option ကို

1. Selected - စာရင်းတစ်ခုကို item ကိုမီးမောင်းထိုးပြနိုင်ရန်ဒီဇိုင်းရေးဆွဲ။ သငျသညျမျိုးစုံ attribute ကိုသတ်မှတ်ထားမယ်ဆိုရင်အဲဒီအသုံးပြုသူ (။ အထက်ကြည့်ပါ), တစ်ဦးထက်ပိုတဲ့ item ခွဲဝေချထားပေးရန်နိုင်ပါတယ်။
2. Value ကို - တန်ဖိုး။ ဤသည် attribute ကိုလိုအပ်ပါသည်။ အဆိုပါ web server ကိုအသုံးပြုသူကိုရွေးချယ်ထားပါတယ်အတိအကျဘာစာရင်းပစ္စည်းများနားလည်ရန်လိုအပ်ပါသည်။
3. တံဆိပ်။ ဒြပ်စင်များ၏အလွန်ရှည်လျားစာရင်းကိုတွင်ဒီ attribute ကိုသုံးပြီးလျှော့ချနိုင်ပါတယ်။ Lombardi ၏စီမံခန့်ခွဲရေးဗဟိုဌာန - ဥပမာ, မျက်နှာပြင်အစား option ကို tag ကို "မီလန်၏," မီလန် "ပြပေးလိမ့်မယ်။ မြောက်ပိုင်းအီတလီ။ " ဤသည် attribute ကိုလည်းအုပ်စုစာရင်းထဲတွင်ပစ္စည်းများအသုံးပြုသည်။

စာရင်းရဲ့ width များအတွက်အဖြစ်စာရင်းထဲတွင်အကျယ်ဆုံးစာသားရဲ့အရှည်၎င်းထိုသို့ပေးထားတဲ့ defaults ။ သင်တန်း၏, width ကို HTML ကိုစတိုင်များကို အသုံးပြု. ပြောင်းလဲနိုင်ပါသည်။

အခြားနည်းလမ်း drop-down list ကို

ဒါဟာ CSS နဲ့လုပ်ဆောင်နိုင်တယ်သင်တစ်ဦးစာမကျြနှာကို item ကျော်ပျံဝဲအခါ, ဥပမာအားဖြင့်, စာရင်းပေါ်လာမည်။ စာရင်းအတွက် Excellent ကအခွင့်အလမ်းများကိုအလုပ် jQuery စာကြည့်တိုက်ရိုးရှင်းစွာအရာ JavaScript ကို, ကိုပေးသည်။ ဒီစာကြည့်တိုက်နှင့်အတူချိတ်ဆက်ကြောင်း drop-down list ကို, ထိုကဲ့သို့သောအဆငျ့ဆငျ့အဖြစ်အလွန်ရှုပ်ထွေးစေနိုင်ပါတယ်။ ဒါကသင်တစ်ဦးစာရင်းထဲတွင်တစ်ဦးကို item ကိုအောက်ပါစာရင်းပေါ်လာပါလိမ့်မယ် select လုပ်ပြီးတဲ့အခါမှာ (သင်တစ်စက်ကိုပဲအခါ, ဥပမာ, "အမျိုးသမီးများအဝတ်အစား" menu ကိုလည်းမရှိ, ဖြစ်ပါတယ် , အဝတ်မျိုး) , အကျီ: ထို့နောက်မျိုးစိတ်များထဲမှဥပမာ, ဒြပ်စင်နှင့်အတူ drop-down list "ထိပ်ဆုံးမှာရပ်တည်" သောအခါ ပန်းခြံများ, အင်္ကျီ, အင်္ကျီနှင့်ဒါပေါ်မှာ။ ဎ။

ငါတို့သည်သင်တို့ drop-down list ကိုဖန်တီးနိုင်သည့်အတွက်အဓိကအပေါ်ယံနည်းလမ်းများစာရင်းပါပြီ။ ဟုတ်ပါတယ်, အများအပြားတစ်ခုလုံးကိုပြည့်ပြည့်စုံစုံရှိပါတယ် အတွက် HTML ကိုပု CSS ကိုအတွက်, သငျသညျစာရင်းအမြင်များ၏လုပ်ဆောင်နိုင်စွမ်းကိုနှင့်ပုံပန်းသဏ္ဌာန်ကိုပြောင်းလဲခွင့်ပြုထားတဲ့နှင့် JavaScript ကိုပါ။