HTML <form> Tag
ဥပမာ
ထည့်သွင်းမှုနယ်ပယ်နှစ်ခုနှင့် တင်သွင်းရန်ခလုတ်တစ်ခုပါရှိသော HTML ဖောင်ပုံစံတစ်ခု။
<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">
</form>
အောက်တွင် နောက်ထပ် "စမ်းသုံးကြည့်ပါ" ဥပမာများ။
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
အသုံးပြုသူ <form>ထည့်သွင်းမှုအတွက် HTML ဖောင်တစ်ခုဖန်တီးရန် tag ကိုအသုံးပြုသည်။
ဒြပ်စင်တွင် အောက်ပါ <form>ပုံစံဒြပ်စင်တစ်ခု သို့မဟုတ် တစ်ခုထက်ပို၍ ပါဝင်နိုင်သည်-
Browser ပံ့ပိုးမှု
| Element | |||||
|---|---|---|---|---|---|
| <form> | Yes | Yes | Yes | Yes | Yes |
ဂုဏ်တော်
| Attribute | Value | Description |
|---|---|---|
| accept-charset | character_set | Specifies the character encodings that are to be used for the form submission |
| action | URL | Specifies where to send the form-data when a form is submitted |
| autocomplete | on off |
Specifies whether a form should have autocomplete on or off |
| enctype | application/x-www-form-urlencoded multipart/form-data text/plain |
Specifies how the form-data should be encoded when submitting it to the server (only for method="post") |
| method | get post |
Specifies the HTTP method to use when sending form-data |
| name | text | Specifies the name of a form |
| novalidate | novalidate | Specifies that the form should not be validated when submitted |
| rel | external help license next nofollow noopener noreferrer opener prev search |
Specifies the relationship between a linked resource and the current document |
| target | _blank _self _parent _top |
Specifies where to display the response that is received after submitting the form |
ကမ္ဘာလုံးဆိုင်ရာ အရည်အချင်းများ
<form>tag သည် HTML တွင် Global Attributes ကို ပံ့ပိုး ပေးပါသည်။
ဖြစ်ရပ်ဂုဏ်တော်များ
<form>tag သည် HTML ရှိ Event Attributes ကိုလည်း ပံ့ပိုး ပေးပါသည် ။
နောက်ထပ် ဥပမာများ
ဥပမာ
အမှန်ခြစ်ပါရှိသော HTML ဖောင်တစ်ခု-
<form action="/action_page.php" method="get">
<input
type="checkbox" name="vehicle1" value="Bike">
<label
for="vehicle1"> I have a bike</label><br>
<input type="checkbox"
name="vehicle2" value="Car">
<label for="vehicle2"> I have a
car</label><br>
<input type="checkbox" name="vehicle3"
value="Boat" checked>
<label for="vehicle3"> I have a
boat</label><br><br>
<input type="submit" value="Submit">
</form>
ဥပမာ
ရေဒီယိုခလုတ်များပါရှိသော HTML ပုံစံ
<form action="/action_page.php" method="get">
<input type="radio" id="html" name="fav_language" value="HTML">
<label
for="html">HTML</label><br>
<input type="radio" id="css" name="fav_language"
value="CSS" checked="checked">
<label for="css">CSS</label><br>
<input type="radio" id="javascript" name="fav_language" value="JavaScript">
<label for="javascript">JavaScript</label><br><br>
<input
type="submit" value="Submit">
</form>
ဆက်စပ်စာမျက်နှာများ
HTML သင်ခန်းစာ- HTML ဖောင်များနှင့် ထည့်သွင်းမှု
HTML DOM ရည်ညွှန်း- Form Object
CSS ကျူတိုရီရယ်- ပုံစံပုံစံပုံစံများ
မူရင်း CSS ဆက်တင်များ
ဘရောက်ဆာအများစုသည် <form>အောက်ဖော်ပြပါ ပုံသေတန်ဖိုးများဖြင့် အစိတ်အပိုင်းကို ပြသလိမ့်မည်-
ဥပမာ
form {
display: block;
margin-top: 0em;
}