Form များ Submit ဖို့ Input ကို Tag ကိုအသုံးပြုခြင်း
HTML ကိုပုံစံများကိုသင့်ရဲ့ကွန်ရက်စာမျက်နှာအပြန်အလှန်ဆက်သွယ်ထည့်သွင်းဖို့အခြေခံအကျဆုံးနည်းလမ်းများထဲမှတစ်ခုဖြစ်ပါသည်။ သငျသညျမေးခွန်းများမေးနှင့်သင့်စာဖတ်သူများထံမှအဖြေကိုမြှူဆွယ်တောင်းခံ, Database ကနေနောက်ထပ်သတင်းအချက်အလက်များသည်, ဂိမ်းများကို set up နှင့်ထို့ထက် ပို. နိုင်ပါတယ်။ သင်သည်သင်၏ပုံစံများကိုတည်ဆောက်နိုင်ဖို့ကိုသုံးနိုင်သည်က HTML element တွေရဲ့နံပါတ်ရှိပါသည်။ သင်သည်သင်၏ပုံစံကိုတည်ဆောက်တော့တခါနှင့်အညီ, ဆာဗာကိုဒေတာတင်ပြရန်သို့မဟုတ်ရုံပုံစံ action ကိုပြေးစတင်ရန်အများကြီးကွဲပြားခြားနားတဲ့နည်းလမ်းတွေရှိပါတယ်။
ဤရွေ့ကားသင်သည်သင်၏ပုံစံများကိုတင်ပြနိုင်ပါတယ်နည်းလမ်းများစွာရှိပါတယ်:
-
- ဒါဟာဆာဗာဒေတာရတဲ့၏အသုံးအများဆုံးနည်းလမ်းဖြစ်ပါသည်, သို့သော်အလွန်လွင်ပြင်ကြည့်နိုင်ပါတယ်။
-
- ပုံတစ်ပုံကိုအသုံးပြုခြင်းသင့် site ၏စတိုင်နှင့်သင်၏တင်ပြရန်ခလုတ်ကိုမထိုက်မတန်အောင်ကအလွန်လွယ်ကူစေသည်။ ဒါပေမဲ့တချို့လူတွေတစ်တင်ပြရန်ခလုတ်ကိုအဖြစ်ကအသိအမှတျမနိုငျတယျ။
-
- ခလုတ်ကိုထည့်သွင်းမှု tag ကို image ကိုထည့်သွင်းမှု tag ကိုကဲ့သို့တူညီသောရွေးချယ်စရာတွေအများကြီးပေးသည်, ဒါပေမယ့်ပိုပြီးစံတင်ပြရန်အမျိုးအစားနဲ့တူလှပါတယ်။ ဒါဟာသက်ဝင်စေဖို့ JavaScript ကိုလိုအပ်သည်။
-
- အဆိုပါ COMMAND ဒြပ်စင် HTML5 ကိုအသစ်ဖြစ်တယ်, ဒါကြောင့်ဆက်စပ်နေသောလုပ်ရပ်များနှင့်အတူ script များနှင့်ပုံစံများကိုသက်ဝင်တစ်လမ်းပေးပါသည်။ ဒါဟာ JavaScript ကိုအတူ activated ဖြစ်ပါတယ်။
အဆိုပါထည့်သွင်းမှု Element ကို
အဆိုပါထည့်သွင်းမှုဒြပ်စင်သင်ပြုသမျှသောအမျိုးအစား (ခလုတ်, ပုံရိပ်, ဒါမှမဟုတ်တင်ပြရန်) ကိုရွေးချယ်ပါနှင့်လိုအပ်ပါကပုံစံ action ကိုမှတင်သွင်းအချို့ scripting နည်း add ဖြစ်တယ်, တစ်ပုံစံတင်ပြရန်အသုံးအများဆုံးနည်းလမ်းဖြစ်ပါတယ်။
အဆိုပါ element ကယ့်လိုစာဖြင့်ရေးသားနိုင်မည်ဖြစ်သည်။ သင်ပြုလျှင်မူကား, သင်ကွဲပြားခြားနားသော browser များအတွက်ကွဲပြားခြားနားသောရလဒ်များကိုရပါလိမ့်မယ်။ အများစုမှာ browser များ "Submit" ပြောပါတယ်ပေမယ့် Firefox ကိုပြောပါတယ်တဲ့ခလုတ်ကိုစေသည်ခလုတ်တစ်ခုလုပ်သင်တစ်ဦး attribute ကိုထည့်ပါမယ်ဘာ button ကိုပြောပါတယ်, ပြောင်းလဲပစ်ရန် "Query Submit ။ ":
တနျဖိုး = "Submit Form ကို">
အဆိုပါဒြပ်စင်ကဲ့သို့ writen, ဒါပေမယ့်သင်တို့ရှိသမျှသည်အခြားသော attribute တွေချွတ်ထားခဲ့ပါလျှင်မူကား, browser များအတွက်ပြသပေးမှာသောသူအပေါင်းတို့သည်တစ်ဦးအချည်းနှီးသောမီးခိုးရောင်ခလုတ်ဖြစ်ပါတယ်။ ခလုတ်ကိုမှစာသားကိုထည့်ရန်, တန်ဖိုး attribute ကိုသုံးပါ။ သငျသညျ JavaScript ကိုအသုံးပွုရမဟုတ်လျှင်ဒါပေမဲ့ဒီ button ကိုပုံစံတင်ပြလိမ့်မည်မဟုတ်ပါ။
onclick = ") (တင်ပြရန်;">
အဆိုပါပုံစံတင်သွင်းဖို့ script ကိုလိုအပ်ပါတယ်သည့်ခလုတ်ကိုအမျိုးအစားဆင်တူသည်။ အစားစာသားတန်ဖိုးကို၏ မှလွဲ. သင်တစ်ဦးပုံရိပ်အရင်းအမြစ် URL ကိုထပ်ထည့်ဖို့လိုတယ်။
src = "submit.gif">
ခလုတ်ကို Element ကို
ခလုတ်ကိုဒြပ်စင်သင်အသုံးပြုသောအခါတစ်ဦးအဖွင့်နှစ်ဦးစလုံးတစ်ဦးပိတ် tag ကို tagand လိုအပ်တယ်, သင် tag ကိုအတွင်းပိုင်းခိုင်ခံ့မည်သည့်အကြောင်းအရာတစ်ခုခလုတ်ကိုအတွက်ပူးတွဲပါလိမ့်မည်။ ထိုအခါသင်ကဇာတ်ညွှန်းနှင့်အတူခလုတ်ကိုကိုသက်ဝင်။
Form ကို Submit
သင်သည်သင်၏ခလုတ်ကိုတွင်ပုံများပါဝင်သည်သို့မဟုတ်တစ်ဦးထက်ပိုစိတ်ဝင်စားဖို့ button ကိုဖန်တီးရန်ပုံရိပ်များနှင့်စာသားပေါင်းစပ်နိုင်ပါတယ်။
Form ကို Submit
အဆိုပါ COMMAND Element ကို
အဆိုပါ COMMAND ဒြပ်စင် HTML5 ကိုအတူအသစ်ဖြစ်၏။ ဒါဟာအသုံးပြုမယ့်ပုံစံမလိုအပ်ပါဘူး, ဒါပေမယ့်သူကပုံစံတစ်ခုတင်ပြရန်ခလုတ်ကိုအဖွစျဆောငျရှကျနိုငျသညျ။ ဤသည်ဒြပ်စင်သင်တကယ်ပုံစံများလိုအပ်ပါတယ်မဟုတ်လျှင်ပုံစံများမလိုဘဲပိုပြီးအပြန်အလှန်စာမကျြနှာကိုဖနျတီးဖို့ခွင့်ပြုပါတယ်။ သင် command ကိုတစ်ခုခုပြောလိုပါက, သင်ကတံဆိပ် attribute မှာသတင်းအချက်အလက်များရေးပါ။
တံဆိပ် = "Form ကို Submit">
သင်သည်သင်၏ command ကိုပုံရိပ်တစ်ခုအားကိုယ်စားပြုရန်လိုလျှင်, သင်အိုင်ကွန် attribute ကိုသုံးပါ။
အိုင်ကွန် = "submit.gif">
ဤဆောင်းပါးတွင်အဆိုပါ HTML Form များသင်ခန်းစာ၏အစိတ်အပိုင်းတစ်ခုဖြစ်ပါတယ်။ HTML ကိုပုံစံများကိုသုံးစွဲဖို့ဘယ်လိုလေ့လာသင်ယူရန်အပြည့်အဝသင်ခန်းစာမှတဆင့်ဖတ်ပါ။
သငျသညျယခင်စာမျက်နှာပေါ်တွင်သင်ယူင့်အဖြစ်က HTML ပုံစံတင်ပြရန်အများအပြားကွဲပြားခြားနားတဲ့နည်းလမ်းတွေရှိသည်။ သူတို့အားနည်းလမ်းများအနက်နှစ်ခုထည့်သွင်းမှု tag ကိုနဲ့ခလုတ်ကို tag ကိုဖြစ်ကြသည်။ ဤအဒြပ်စင်နှစ်မျိုးလုံးသုံးစွဲဖို့ကောင်းသောအကြောင်းပြချက်ရှိပါတယ်။
အဆိုပါထည့်သွင်းမှု Element ကို
အဆိုပါ tag ကိုပုံစံတင်ပြဖို့အလွယ်ကူဆုံးနည်းလမ်းဖြစ်ပါတယ်။ ဒါဟာ tag ကိုသူ့ဟာသူကျော်လွန်ဘာမျှမဟုတ်ဘဲပင်တန်ဖိုးလိုအပ်သည်။ ဖောက်သည်တစ်ဦးခလုတ်ကိုနှိပ်လိုက်ရင်သောအခါ, အလိုအလျှောက်တင်ပြ။ သင်က browser များတစ်ဦးတင်ပြထည့်သွင်းမှု tag ကိုနှိပ်လိုက်သောအခါပုံစံတင်ပြရန်သိကိုမဆို script များထည့်သွင်းဖို့မလိုအပ်ပါဘူး။
အဆိုပါပြဿနာကဒီ button ကိုအလွန်ရုပ်ဆိုးခြင်းနှင့်လွင်ပြင်ဖြစ်ပါတယ်။ သငျသညျကပုံရိပ်တွေကိုထည့်သွင်းလို့မရပါဘူး။ သင်ရုံကိုအခြားဒြပ်စင်များကဲ့သို့က style နိုင်ပါတယ်, ဒါပေမယ့်နေဆဲတစ်ခုရုပ်ဆိုး button ကိုတူခံစားနိုင်ပါ။
သင့်ရဲ့ပုံစံကိုပင် JavaScript ကိုပိတ်ထားကြပြီ browser များအတွက် accesible ဖြစ်ဖို့ရှိပါတယ်အခါထည့်သွင်းမှုနည်းလမ်းကိုအသုံးပြုပါ။
ခလုတ်ကို Element ကို
ခလုတ်ကိုဒြပ်စင်ပုံစံများ submiting ပိုရွေးချယ်စရာပေးထားပါတယ်။ သငျသညျခလုတ်ဒြပ်စင်အထဲမှာဘာမှမဝတ်နှင့်တင်ပြရန်ခလုတ်ကိုသို့လှည့်နိုင်ပါတယ်။ အများဆုံးကလူပုံရိပ်တွေနှင့်စာသားကိုအသုံးပြုပါ။ သင်တို့မူကားတစ်ဦး div ဖန်တီးနှငျ့သငျခငျြတယျဆိုရငျတစျခုလုံးအရာတစ်ဦး button ကိုတင်သွင်းစေနိုင်ပါတယ်။
ခလုတ်ကိုဒြပ်စင်ဖို့အကြီးမားဆုံးအားနည်းချက်ကအလိုအလျှောက်ပုံစံတင်ပြရန်မပါဘူးဆိုတာပါပဲ။ ဤသည်က activate လုပ်ဖို့ဇာတ်ညွှန်းအချို့ကိုအမျိုးအစားဖြစ်ရှိလိုအပ်ကြောင်းကိုဆိုလိုသည်။ ဒါကြောင့်ထည့်သွင်းမှုနည်းလမ်းထက်လျော့နည်းသုံးစွဲနိုင်သည်။ JavaScript ကိုဖွင်ကြပါဘူးသူကိုမဆိုအသုံးပြုသူကတင်သွင်းမှသာခလုတ်ဒြပ်စင်နှင့်အတူတစ်ပုံစံတင်သွင်းနိုင်လိမ့်မည်မဟုတ်။
အဖြစ်ဝေဖန်နေကြသည်မဟုတ်ကြောင်းပုံစံများအပေါ်ခလုတ်ကိုနည်းလမ်းကိုအသုံးပြုပါ။ ဒါ့အပြင်ဒီတစ်ခုပုံစံအတွင်းနောက်ထပ်တင်သွင်းခဲ့တဲ့အတွက်ရွေးချယ်စရာများကိုထည့်သွင်းဖို့အကောင်းဆုံးနည်းလမ်းဖြစ်ပါတယ်။
ဤဆောင်းပါးတွင်အဆိုပါ HTML Form များသင်ခန်းစာ၏အစိတ်အပိုင်းတစ်ခုဖြစ်ပါတယ်။ HTML ကိုပုံစံများကိုသုံးစွဲဖို့ဘယ်လိုအကြောင်းပိုမိုလေ့လာသင်ယူဖို့က Read