Form များအတွက် HTML ကို Input ကို Tag ကိုနှင့် Button ကို Tag ကိုအသုံးပြုခြင်း

သင်က tag ကိုသုံးပြီး HTML မှာစိတ်ကြိုက်စာသားကိုခလုတ်ဖန်တီးနိုင်ပါတယ်။ အဆိုပါ element ကတစ် <ပုံစံ> element ကအတွင်းအသုံးပြုသည်။

ရန် attribute ကို type ကို setting အားဖြင့် "ခလုတ်ကို," ရိုးရှင်းတဲ့နှိပ်ခလုတ်ထုတ်ပေးလိမ့်မည်။ သငျသညျထိုကဲ့သို့သောတန်ဖိုးကို attribute ကိုအသုံးပြုခြင်းအားဖြင့် "Submit" အဖြစ်ခလုတ်ကိုပေါ်တွင်ပေါ်လာပါလိမ့်မယ်သောစာသား, သတ်မှတ်နိုင်ပါတယ်။

ဥပမာ:

အဆိုပါ tag ကို HTML form ကိုတင်ပြရန်မည်မဟုတ်ကြောင်းသတိပြုပါ; သင်ဆဲပုံစံဒေတာတင်သွင်းခဲ့တဲ့ကိုင်တွယ်ရန် JavaScript ကိုထည့်သွင်းရန်မလိုအပ်ပါလိမ့်မယ်။ တစ်ဦး JavaScript ကို onclick ဖြစ်ရပ်မရှိရင်ခလုတ်ကိုနှိပ်ဖြစ်ပေါ်လာပါလိမ့်မယ်ဒါပေမယ့်ဘာမျှမဖြစ်ပျက်ပါလိမ့်မယ်, သင်ကသင်၏စာဖတ်သူများကိုမကျေနပ်ခဲ့ကြပါလိမ့်မယ်။

အဆိုပါ & lt; ခလုတ်ကို & GT; tag ကိုအခြားရွေးချယ်စရာ

ခလုတ်တစ်ခုဖန်တီးရန် input ကို tag ကို အသုံးပြု. ၎င်း၏ရည်ရွယ်ချက်အလုပ်လုပ်တယ်သော်လည်း, ကသင့်ရဲ့ website မှာက HTML ခလုတ်ဖန်တီးရန် tag ကိုသုံးစွဲဖို့ပိုကောင်းတဲ့ရွေးချယ်စရာဖြစ်ပါတယ်။ အဆိုပါသင်ဥပမာအားဖြင့်, (သင့်ရဲ့ site ဟာဒီဇိုင်းဆောင်ပုဒ်ရှိပါတယ်လျှင်သင်အမြင်အာရုံရှေ့နောက်ညီညွတ်မှုကိုထိန်းသိမ်းကူညီပေးသည်ဖြစ်သော) ခလုတ်ကိုအဘို့ရုပ်တုဆင်းတုကိုအသုံးပြုရန်ခွင့်ပြုဘာလို့လဲဆိုတော့ tag ကိုပိုပြီးပြောင်းလွယ်ပြင်လွယ်ဖြစ်ပြီး, သူကခလုတ်တစ်ခုတင်ပြရန်သို့မဟုတ် reset အမျိုးအစားအဖြစ်သတ်မှတ်နိုင်ပါတယ် မည်သည့်အပို JavaScript ကိုမလိုဘဲ။

သင်သည်မည်သည့်

tags များအတွက် button ကို type ကို attribute ကိုသတ်မှတ်ချင်ပါလိမ့်မယ်။ သုံးကွဲပြားခြားနားသောမျိုးရှိပါတယ်:

• button ကို - အ button ကိုအဘယ်သူမျှမမွေးရာပါအပြုအမူရှိပါတယ်ဒါပေမယ့်နှိပ်လိုက်သောအခါခလုတ်ကိုတွဲနှင့်ကွပ်မျက်ခံရနိုင် client-side ပေါ်မှာ run ကြောင်း script များနှင့် တွဲဖက်. အသုံးပြုသည်။
• reset - အားလုံးတန်ဖိုးများကို reset လုပ်တယ်။
• တင်ပြရန် - (အဘယ်သူမျှမ type ကိုသတ်မှတ်လျှင်ဒီက default တန်ဖိုး) အဆိုပါခလုတ်ကိုဆာဗာပုံစံဒေတာတင်ပြ။

အခွားဂုဏျရညျမြားပါဝငျ:

• နာမကိုအမှီ - ခလုတ်ကိုရည်ညွှန်း name ကိုပေးသနား။
• တနျဖိုး - စပိုင်းတွင်ခလုတ်ကိုမှတာဝန်ပေးအပ်ခံရဖို့တန်ဖိုးသတ်မှတ်မည်။
• disable - ခလုတ်ကိုချွတ်နှစ်မြောက်မွေးနေ့။

HTML5 ကိုသင်ပိုမိုလုပ်ဆောင်နိုင်စွမ်းကိုပေးသော

tag ကိုအချို့အပိုဆောင်း attribute တွေထပ်ပြောသည်။

• autofocus - အခါစာမျက်နှာဝန်, ဒီဒီခလုတ်ကိုအာရုံစိုက်ကြောင်းသတ်မှတ်ပါတယ်။ တစ်ဦးတည်းသာ autofocus ပါတဲ့စာမျက်နှာပေါ်တွင်အသုံးပြုနိုင်ပါသည်။
• ပုံစံ - တန်ဖိုးအဖြစ်ပုံစံ၏အမှတ်အသားကိုအသုံးပြုခြင်း, တူညီတဲ့ HTML ကိုစာရွက်စာတမ်းအတွင်းပုံစံနှင့်အတူခလုတ်ကိုဆက်စပ်ဖော်ပြထားသည်။ ဥပမာ:

Submit

formaction - သာအမျိုးအစား = "submit" နှင့်တန်ဖိုးအဖြစ် URL ကိုနှင့်အတူအသုံးပြုပါကပုံစံဒေတာကိုစလှေတျပါလိမ့်မည်ဘယ်မှာသတ်မှတ်ပါတယ်။ ဥပမာ:

အခြားစာမျက်နှာပုံစံကိုဒေတာ Submit

formenctype - သာအမျိုးအစား = attribute က "တင်သွင်း" နဲ့အသုံးပြုသည်။ ပုံစံဒေတာဆာဗာမှတင်သွင်းသည့်အခါ encoded ခံရဖို့ဘယ်လောက်သတ်မှတ်ပါတယ်။ အဆိုပါသုံးတန်ဖိုးများကိုလျှောက်လွှာ / x-www-form ကို-urlencoded (ပုံသေ), multipart / Form-ဒေတာ, နှင့်စာသား / လွင်ပြင်ဖြစ်ကြသည်။

formmethod - သာအမျိုးအစား = attribute က "တင်သွင်း" နဲ့အသုံးပြုသည်။ ဒီအရာဟာ HTTP method ကိုပုံစံဒေတာတင်ပြသည့်အခါ get သို့မဟုတ် post ကိုဖြစ်စေ, သုံးစွဲဖို့သတ်မှတ်ပါတယ်။

formnovalidate - သာအမျိုးအစား = attribute က "တင်သွင်း" နဲ့အသုံးပြုသည်။ တင်သွင်းသည့်အခါ Form ကိုဒေတာအတည်ပြုမည်မဟုတ်ပါ။

formtarget - သာအမျိုးအစား = attribute က "တင်သွင်း" နဲ့အသုံးပြုသည်။ ပုံစံဒေတာတင်သွင်းသည့်အခါထိုဆိုက်တုံ့ပြန်မှုပြသရပါမည်အဘယ်အရပ်ဒါဟာတန်ဖိုးရွေးချယ်စရာ _blank, _self, _parent, _top, ဒါမှမဟုတ်တိကျတဲ့ဘောင်အမည်ဖြင့်လည်းကောင်းဖြစ်ကြသည်စသည်တို့ကို, ထိုကဲ့သို့သောအသစ်တစ်ခုကိုပြတင်းပေါက်၌ရှိသကဲ့သို့, ဖော်ပြသည်။

သငျသညျပုံစံများကိုအသုံးပြုနေတယ်ဆိုရင်, သငျသညျပေါ်တက်ကိုဖတ်ချင်ပေလိမ့်မည် HTML ကိုပုံစံများအတွက်ခလုတ်အောင် , သင်၏ site ကိုပိုပြီးအသုံးပြုသူဖော်ရွေအောင်ဘယ်လို။