HTML ထည့်သွင်းမှုပုံစံ* ရည်ညွှန်းချက်များ
ဤအခန်း သည် HTML ဒြပ်စင် form*
အတွက် မတူညီသော အရည်အချင်းများကို ဖော်ပြသည်။<input>
ပုံစံမှာ Attribute ပါ။
ထည့်သွင်း ရည်ညွှန်းချက်သည် ပါဝင်သည့် ဒြပ်စင် form
ပုံစံကို သတ်မှတ်သည် ။<input>
ဤ attribute ၏တန်ဖိုးသည် ၎င်းပိုင်ဆိုင်သည့် <form> ဒြပ်စင်၏ id attribute နှင့် ညီမျှရပါမည်။
ဥပမာ
HTML ဖောင်အပြင်ဘက်တွင်ရှိသော ထည့်သွင်းအကွက်တစ်ခု (သို့သော် ဖောင်၏တစ်စိတ်တစ်ပိုင်းဖြစ်နေဆဲဖြစ်သည်)
<form action="/action_page.php" id="form1">
<label for="fname">First
name:</label>
<input type="text" id="fname" name="fname"><br><br>
<input type="submit" value="Submit">
</form>
<label for="lname">Last
name:</label>
<input type="text" id="lname"
name="lname" form="form1">
ဖွဲ့စည်းမှု Attribute
ထည့်သွင်း formaction
ရည်ညွှန်းချက်သည် ဖောင်ကို တင်သွင်းသည့်အခါ ထည့်သွင်းမှုကို လုပ်ဆောင်မည့် ဖိုင်၏ URL ကို သတ်မှတ်ပေးပါသည်။
မှတ်ချက်- ဤရည်ညွှန်းချက်
action
သည် <form>
ဒြပ်စင်၏ အရည်အချင်းကို လွှမ်းမိုးထားသည်။
ရည်ညွှန်းချက်သည် အောက်ပါ formaction
ထည့်သွင်းမှုအမျိုးအစားများနှင့် အလုပ်လုပ်သည်- ပေးပို့ခြင်းနှင့် ပုံ။
ဥပမာ
ကွဲပြားသောလုပ်ဆောင်ချက်များဖြင့် တင်သွင်းရန်ခလုတ်နှစ်ခုပါသော HTML ဖောင်ပုံစံတစ်ခု။
<form action="/action_page.php">
<label for="fname">First
name:</label>
<input type="text" id="fname" name="fname"><br><br>
<label for="lname">Last name:</label>
<input type="text" id="lname"
name="lname"><br><br>
<input type="submit" value="Submit">
<input type="submit" formaction="/action_page2.php" value="Submit as Admin">
</form>
formenctype Attribute သည်
ထည့်သွင်းသည့် formenctype
အရည်အချင်းသည် တင်သွင်းသည့်အခါ ဖောင်ဒေတာကို မည်သို့ကုဒ်လုပ်ရမည်ကို ဖော်ပြသည် (forms with method="post" အတွက်သာ)။
မှတ်ချက်-<form>
ဤရည်ညွှန်းချက်သည် ဒြပ်စင် ၏ enctype attribute ကို လွှမ်းမိုး ထားသည်။
ရည်ညွှန်းချက်သည် အောက်ပါ formenctype
ထည့်သွင်းမှုအမျိုးအစားများနှင့် အလုပ်လုပ်သည်- ပေးပို့ခြင်းနှင့် ပုံ။
ဥပမာ
ပေးပို့ရန် ခလုတ်နှစ်ခုပါသော ပုံစံတစ်ခု။ ပထမက ပုံစံ-ဒေတာကို ပုံသေကုဒ်နံပါတ်ဖြင့် ပို့သည်၊ ဒုတိယက "multipart/form-data" အဖြစ် ပုံစံဝှက်ထားသော ဖောင်ဒေတာကို ပေးပို့သည်-
<form action="/action_page_binary.asp" method="post">
<label for="fname">First
name:</label>
<input type="text" id="fname" name="fname"><br><br>
<input type="submit" value="Submit">
<input type="submit"
formenctype="multipart/form-data"
value="Submit as
Multipart/form-data">
</form>
Formmethod Attribute ၊
ထည့်သွင်း formmethod
ရည်ညွှန်းချက်သည် လုပ်ဆောင်ချက် URL သို့ ဖောင်ဒေတာပေးပို့ခြင်းအတွက် HTTP နည်းလမ်းကို သတ်မှတ်သည်။
မှတ်ချက်-<form>
ဤရည်ညွှန်းချက်သည် ဒြပ်စင် ၏ method attribute ကို လွှမ်းမိုး ထားသည်။
ရည်ညွှန်းချက်သည် အောက်ပါ formmethod
ထည့်သွင်းမှုအမျိုးအစားများနှင့် အလုပ်လုပ်သည်- ပေးပို့ခြင်းနှင့် ပုံ။
ဖောင်ဒေတာကို URL ပြောင်းလဲမှုများ (method="get") အဖြစ် သို့မဟုတ် HTTP ပို့စ်ငွေပေးငွေယူ (method="post") အဖြစ် ပေးပို့နိုင်ပါသည်။
"get" နည်းလမ်းအတွက် မှတ်စုများ-
- ဤနည်းလမ်းသည် အမည်/တန်ဖိုးအတွဲများတွင် ဖောင်ဒေတာကို URL သို့ ပေါင်းထည့်သည်။
- ဤနည်းလမ်းသည် အသုံးပြုသူတစ်ဦးမှ ရလဒ်ကို အမှတ်အသားပြုလိုသည့် ဖောင်တင်ပြမှုများအတွက် အသုံးဝင်သည်။
- URL တစ်ခုတွင် သင်ထည့်နိုင်သောဒေတာမည်မျှကန့်သတ်ချက်ရှိသည် (ဘရောက်ဆာများအကြားကွဲပြားသည်) ထို့ကြောင့်၊ ဖောင်ဒေတာအားလုံးကို မှန်ကန်စွာလွှဲပြောင်းပေးမည်ဟု သင်မသေချာနိုင်ပါ။
- ထိလွယ်ရှလွယ် သတင်းအချက်အလက်များကို ကျော်ဖြတ်ရန် "get" နည်းလမ်းကို ဘယ်တော့မှ မသုံးပါနှင့်။ (စကားဝှက် သို့မဟုတ် အခြား အရေးကြီးသော အချက်အလက်များကို ဘရောက်ဆာ၏ လိပ်စာဘားတွင် မြင်နိုင်ပါမည်)
"ပို့စ်" နည်းလမ်းအတွက် မှတ်စုများ
- ဤနည်းလမ်းသည် ဖောင်ဒေတာကို HTTP ပို့စ်တင်ငွေလွှဲစာအဖြစ် ပေးပို့သည်။
- "ပို့စ်" နည်းလမ်းဖြင့် ဖောင်တင်သွင်းမှုများကို မှတ်သား၍မရပါ။
- "post" နည်းလမ်းသည် "get" ထက် ပိုမိုခိုင်မာပြီး လုံခြုံပြီး "post" သည် အရွယ်အစားကန့်သတ်ချက်များ မရှိပါ။
ဥပမာ
ပေးပို့ရန် ခလုတ်နှစ်ခုပါသော ဖောင်တစ်ခု။ ပထမ က form-data ကို method="get" နဲ့ ပို့ပေးပါတယ်။ ဒုတိယက method="post" ဖြင့် ဖောင်ဒေတာကို ပေးပို့သည်-
<form action="/action_page.php" method="get">
<label for="fname">First
name:</label>
<input type="text" id="fname" name="fname"><br><br>
<label for="lname">Last name:</label>
<input type="text" id="lname"
name="lname"><br><br>
<input type="submit" value="Submit using
GET">
<input type="submit" formmethod="post" value="Submit using
POST">
</form>
Formtarget Attribute ၊
ထည့်သွင်း formtarget
ရည်ညွှန်းချက်သည် ဖောင်တင်ပြီးနောက် လက်ခံရရှိသည့် တုံ့ပြန်မှုကို ပြသရမည့်နေရာကို ညွှန်ပြသည့် အမည် သို့မဟုတ် သော့ချက်စကားလုံးကို သတ်မှတ်ပေးသည်။
မှတ်ချက်-<form>
ဤရည်ညွှန်းချက်သည် ဒြပ်စင် ၏ ပစ်မှတ်အရည်အသွေးကို လွှမ်းမိုး ထားသည်။
ရည်ညွှန်းချက်သည် အောက်ပါ formtarget
ထည့်သွင်းမှုအမျိုးအစားများနှင့် အလုပ်လုပ်သည်- ပေးပို့ခြင်းနှင့် ပုံ။
ဥပမာ
မတူညီသော ပစ်မှတ်ဝင်းဒိုးများဖြင့် တင်သွင်းရန် ခလုတ်နှစ်ခုပါသော ဖောင်ပုံစံ။
<form action="/action_page.php">
<label for="fname">First
name:</label>
<input type="text" id="fname" name="fname"><br><br>
<label for="lname">Last name:</label>
<input type="text" id="lname"
name="lname"><br><br>
<input type="submit" value="Submit">
<input type="submit" formtarget="_blank" value="Submit to a new window/tab">
</form>
formnovalidate အရည်အချင်း
ထည့်သွင်းခြင်း formnovalidate
ရည်ညွှန်းချက်တွင် <input> ဒြပ်စင်ကို တင်သွင်းသည့်အခါ တရားဝင်မစစ်ဆေးသင့်ကြောင်း သတ်မှတ်သည်။
မှတ်ချက်<form>
။ _
ရည်ညွှန်းချက်သည် အောက်ပါ formnovalidate
ထည့်သွင်းမှုအမျိုးအစားများနှင့် အလုပ်လုပ်သည်- တင်သွင်းပါ။
ဥပမာ
ပေးပို့ရန် ခလုတ်နှစ်ခုပါရှိသော ဖောင်ပုံစံ (အတည်ပြုချက်နှင့်အတူ နှင့် မပါပဲ):
<form action="/action_page.php">
<label for="email">Enter your
email:</label>
<input type="email" id="email" name="email"><br><br>
<input type="submit" value="Submit">
<input type="submit"
formnovalidate="formnovalidate"
value="Submit without validation">
</form>
အသိအမှတ်ပြုခြင်းအား ပယ်ဖျက်ခြင်း
novalidate
attribute သည် attribute တစ်ခုဖြစ်သည် <form>
။
လက်ရှိအချိန်တွင်၊ တင်သွင်းသည့်အခါ ဖောင်ဒေတာအားလုံးကို တရားဝင်မစစ်ဆေးသင့်ကြောင်း novalidate က သတ်မှတ်သည်။
ဥပမာ
တင်သွင်းမှုတွင် ဖောင်ဒေတာ အတည်ပြုခြင်းမပြုရဟု သတ်မှတ်ပါ-
<form action="/action_page.php" novalidate>
<label
for="email">Enter your email:</label>
<input type="email"
id="email" name="email"><br><br>
<input type="submit"
value="Submit">
</form>
HTML Form နှင့် Input Elements များ
Tag | Description |
---|---|
<form> | Defines an HTML form for user input |
<input> | Defines an input control |
ရနိုင်သော HTML တဂ်များ အားလုံး၏ စာရင်းအပြည့်အစုံအတွက်၊ ကျွန်ုပ်တို့၏ HTML Tag အကိုးအကားကို ဝင်ရောက်ကြည့်ရှု ပါ။