HTML Form Attribute များ
<form>
ဤအခန်းသည် HTML ဒြပ်စင် အတွက် မတူညီသော အရည်အချင်းများကို ဖော်ပြသည် ။
Action Attribute ၊
ဖောင်တင်သည့်အခါ လုပ်ဆောင်ရမည့် လုပ်ဆောင်ချက်ကို ရည်ညွှန်းချက် က action
သတ်မှတ်သည်။
ပုံမှန်အားဖြင့်၊ အသုံးပြုသူသည် တင်သွင်းရန်ခလုတ်ကို နှိပ်သောအခါတွင် ဖောင်ဒေတာကို ဆာဗာရှိ ဖိုင်တစ်ခုသို့ ပေးပို့သည်။
အောက်ဖော်ပြပါ ဥပမာတွင်၊ ဖောင်ဒေတာကို "action_page.php" ဟုခေါ်သော ဖိုင်တစ်ခုသို့ ပေးပို့သည်။ ဤဖိုင်တွင် ဖောင်ဒေတာကို ကိုင်တွယ်သည့် ဆာဗာဘက်ခြမ်း script တစ်ခုပါရှိသည်-
ဥပမာ
တင်သွင်းသည့်အခါ၊ "action_page.php" သို့ ဖောင်ဒေတာကို ပေးပို့ပါ-
<form action="/action_page.php">
<label for="fname">First
name:</label><br>
<input type="text" id="fname" name="fname"
value="John"><br>
<label for="lname">Last name:</label><br>
<input type="text" id="lname" name="lname" value="Doe"><br><br>
<input type="submit" value="Submit">
</form>
အကြံပြုချက်- ရည်ညွှန်းချက်အား ချန်လှပ် ထားပါ action
က၊ လုပ်ဆောင်ချက်ကို လက်ရှိစာမျက်နှာတွင် သတ်မှတ်ထားသည်။
ပစ်မှတ် အရည်အချင်း
target
ရည်ညွှန်းချက်သည် ဖောင်ကိုတင်ပြပြီးနောက် လက်ခံရရှိသည့် တုံ့ပြန်မှုကို ပြသရမည့်နေရာကို သတ်မှတ်ပေးသည် ။
ရည်ညွှန်းချက်တွင် အောက်ပါ target
တန်ဖိုးများထဲမှ တစ်ခု ရှိနိုင်သည်-
Value | Description |
---|---|
_blank | The response is displayed in a new window or tab |
_self | The response is displayed in the current window |
_parent | The response is displayed in the parent frame |
_top | The response is displayed in the full body of the window |
framename | The response is displayed in a named iframe |
မူရင်းတန်ဖိုးသည် _self
လက်ရှိဝင်းဒိုးတွင် တုံ့ပြန်မှုပွင့်လာမည်ဟု ဆိုလိုသည်။
ဥပမာ
ဤတွင်၊ တင်ပြထားသောရလဒ်သည် ဘရောက်ဆာတက်ဘ်အသစ်တစ်ခုတွင် ပွင့်လိမ့်မည်-
<form action="/action_page.php" target="_blank">
Method Attribute ၊
ရည်ညွှန်းချက် သည် method
ဖောင်ဒေတာပေးပို့ရာတွင် အသုံးပြုရမည့် HTTP နည်းလမ်းကို သတ်မှတ်ပေးသည်။
ဖောင်ဒေတာကို URL ပြောင်းလဲမှုများ (နှင့်အတူ method="get"
) သို့မဟုတ် HTTP ပို့စ်ငွေပေးငွေယူ (နှင့်အတူ method="post"
) အဖြစ် ပေးပို့နိုင်ပါသည်။
ဖောင်ဒေတာပေးပို့သည့်အခါ မူရင်း HTTP နည်းလမ်းမှာ GET ဖြစ်သည်။
ဥပမာ
ဖောင်ဒေတာကို တင်သွင်းသည့်အခါ ဤဥပမာသည် GET နည်းလမ်းကို အသုံးပြုသည်-
<form action="/action_page.php" method="get">
ဥပမာ
ဖောင်ဒေတာကို တင်သွင်းသည့်အခါ ဤဥပမာသည် POST နည်းလမ်းကို အသုံးပြုသည်-
<form action="/action_page.php" method="post">
GET ဆိုင်ရာ မှတ်စုများ
- ဖောင်ဒေတာကို နာမည်/တန်ဖိုးအတွဲများတွင် URL တွင် ပေါင်းထည့်သည်။
- အရေးကြီးသောဒေတာပေးပို့ရန် GET ကိုဘယ်တော့မှအသုံးမပြုပါနှင့်။ (တင်သွင်းထားသော ဖောင်ဒေတာကို URL တွင် မြင်နိုင်သည်။)
- URL တစ်ခု၏ အရှည်ကို ကန့်သတ်ထားသည် (အက္ခရာ 2048 လုံး)
- အသုံးပြုသူတစ်ဦးသည် ရလဒ်ကို အမှတ်အသားပြုလိုသည့် ဖောင်တင်ပြမှုများအတွက် အသုံးဝင်သည်။
- GET သည် Google ရှိ query string များကဲ့သို့ မလုံခြုံသောဒေတာအတွက် ကောင်းမွန်ပါသည်။
POST တွင် မှတ်စုများ
- HTTP တောင်းဆိုချက်၏ ကိုယ်ထည်အတွင်းရှိ ဖောင်ဒေတာကို ထပ်ဖြည့်ပေးသည် (တင်သွင်းထားသော ဖောင်ဒေတာကို URL တွင် မပြပါ)
- POST တွင် အရွယ်အစား ကန့်သတ်ချက်များ မရှိဘဲ ဒေတာ အများအပြား ပေးပို့ရန် အသုံးပြုနိုင်သည်။
- POST ပါသော ဖောင်တင်ပြမှုများကို မှတ်သား၍မရပါ။
အကြံပြုချက်- ဖောင်ဒေတာတွင် အထိခိုက်မခံသော သို့မဟုတ် ကိုယ်ရေးကိုယ်တာအချက်အလက်များပါရှိလျှင် POST ကို အမြဲသုံးပါ။
Autocomplete Attribute
ရည်ညွှန်းချက် သည် autocomplete
ဖောင်တစ်ခုတွင် အလိုအလျောက်ဖြည့်သွင်းခြင်း ရှိ၊
အလိုအလျောက် ဖြည့်သွင်းခြင်းကို ဖွင့်ထားသည့်အခါ၊ အသုံးပြုသူသည် ယခင်က ထည့်သွင်းခဲ့သည့် တန်ဖိုးများအပေါ် အခြေခံ၍ ဘရောင်ဇာမှ တန်ဖိုးများကို အလိုအလျောက် ဖြည့်ပေးပါသည်။
ဥပမာ
အလိုအလျောက်ဖြည့်သွင်းထားသော ဖောင်ပုံစံတစ်ခု-
<form action="/action_page.php" autocomplete="on">
Novalidate Attribute
attribute သည် novalidate
boolean attribute တစ်ခုဖြစ်သည်။
တင်ပြသည့်အခါ၊ တင်သွင်းသည့်အခါတွင် ဖောင်ဒေတာ (ထည့်သွင်းမှု) ကို အတည်ပြုခြင်းမပြုသင့်ဟု သတ်မှတ်သည်။
ဥပမာ
တရားမဝင်ကြောင်း ရည်ညွှန်းချက်ပါရှိသော ဖောင်ပုံစံ
<form action="/action_page.php" novalidate>
HTML လေ့ကျင့်ခန်းများ
<form> Attributes အားလုံးစာရင်း
ဂုဏ်ရည် | ဖော်ပြချက် |
---|---|
accept-charset | ဖောင်တင်ပြမှုအတွက် အသုံးပြုသည့် စာလုံးကုဒ်နံပါတ်များကို သတ်မှတ်ပေးသည်။ |
လုပ်ဆောင်ချက် | ဖောင်တစ်ခုတင်သွင်းသည့်အခါ ဖောင်ဒေတာပေးပို့ရမည့်နေရာကို သတ်မှတ်ပါ။ |
အလိုအလျောက်ဖြည့်ပါ။ | ဖောင်တစ်ခုတွင် အလိုအလျောက်ဖြည့်သွင်းမှု ရှိ/မရှိကို ဖွင့်ရန် သို့မဟုတ် ပိတ်ရန် သတ်မှတ်ပေးသည်။ |
enctype | ဆာဗာသို့တင်ပြသည့်အခါ ဖောင်ဒေတာကို မည်သို့ကုဒ်လုပ်ရမည်ကို သတ်မှတ်ပေးသည် (method="post" အတွက်သာ) |
နည်းလမ်း | ဖောင်ဒေတာ ပေးပို့ရာတွင် အသုံးပြုရန် HTTP နည်းလမ်းကို သတ်မှတ်သည်။ |
နာမည် | ဖောင်အမည်ကို သတ်မှတ်ပေးသည်။ |
ပယ်ဖျက်ပါ။ | ဖောင်ကို တင်သွင်းသည့်အခါ တရားဝင်မဖြစ်စေရဟု သတ်မှတ်သည်။ |
rel | ချိတ်ဆက်ထားသော ရင်းမြစ်နှင့် လက်ရှိစာရွက်စာတမ်းကြား ဆက်စပ်မှုကို သတ်မှတ်ပါ။ |
ပစ်မှတ် | ဖောင်ကို တင်သွင်းပြီးနောက် ရရှိသည့် တုံ့ပြန်မှုကို ပြသရမည့်နေရာကို သတ်မှတ်ပါ။ |