HTML ကျူတိုရီရယ်

HTML ပင်မစာမျက်နှာ HTML နိဒါန်း HTML တည်းဖြတ်သူများ HTML အခြေခံ HTML အစိတ်အပိုင်းများ HTML အရည်အချင်းများ HTML ခေါင်းစီးများ HTML စာပိုဒ်များ HTML ပုံစံများ HTML Formatting HTML ကိုးကားချက်များ HTML မှတ်ချက်များ HTML အရောင်များ HTML CSS HTML လင့်ခ်များ HTML ပုံများ HTML Favicon HTML ဇယားများ HTML စာရင်းများ HTML Block & Inline HTML အတန်းများ HTML ID HTML Iframes HTML JavaScript HTML ဖိုင်လမ်းကြောင်းများ HTML Head HTML အပြင်အဆင် HTML တုံ့ပြန်မှု HTML ကွန်ပျူတာကုဒ် HTML ဝေါဟာရများ HTML ပုံစံလမ်းညွှန် HTML အကြောင်းအရာများ HTML သင်္ကေတများ HTML အီမိုဂျီများ HTML Charset HTML URL ကုဒ် HTML နှင့် XHTML

HTML ပုံစံများ

HTML ပုံစံများ HTML Form Attribute များ HTML ဖောင်ဒြပ်စင်များ HTML ထည့်သွင်းမှု အမျိုးအစားများ HTML ထည့်သွင်းခြင်း အရည်အချင်းများ HTML Input Form Attributes

HTML ဂရပ်ဖစ်

HTML Canvas HTML SVG

HTML မီဒီယာ

HTML မီဒီယာ HTML ဗီဒီယို HTML အသံ HTML ပလပ်အင်များ HTML YouTube

HTML API များ

HTML Geolocation HTML ဆွဲ/ချပါ။ HTML ဝဘ်သိုလှောင်မှု HTML ဝဘ်အလုပ်သမားများ HTML SSE

HTML နမူနာများ

HTML နမူနာများ HTML Quiz HTML လေ့ကျင့်ခန်းများ HTML လက်မှတ် HTML အနှစ်ချုပ် HTML အသုံးပြုနိုင်မှု

HTML ကိုးကားချက်များ

HTML Tag စာရင်း HTML အရည်အချင်းများ HTML ကမ္ဘာလုံးဆိုင်ရာ အရည်အချင်းများ HTML Browser ပံ့ပိုးမှု HTML ပွဲများ HTML အရောင်များ HTML Canvas HTML အသံ/ဗီဒီယို HTML Doctypes HTML အက္ခရာအစုံများ HTML URL ကုဒ် HTML လန်းကုဒ်များ HTTP မက်ဆေ့ခ်ျများ HTTP နည်းလမ်းများ PX မှ EM Converter ကီးဘုတ်ဖြတ်လမ်းများ

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 သည် novalidateboolean attribute တစ်ခုဖြစ်သည်။

တင်ပြသည့်အခါ၊ တင်သွင်းသည့်အခါတွင် ဖောင်ဒေတာ (ထည့်သွင်းမှု) ကို အတည်ပြုခြင်းမပြုသင့်ဟု သတ်မှတ်သည်။

ဥပမာ

တရားမဝင်ကြောင်း ရည်ညွှန်းချက်ပါရှိသော ဖောင်ပုံစံ

<form action="/action_page.php" novalidate>

HTML လေ့ကျင့်ခန်းများ

လေ့ကျင့်ခန်းများဖြင့် သင့်ကိုယ်သင် စမ်းသပ်ပါ။

လေ့ကျင့်ခန်း

တင်သွင်းရန် ခလုတ်တစ်ခုထည့်ပါ၊ ဖောင်ပုံစံသည် "/action_page.php" သို့ သွားသင့်သည်ဟု သတ်မှတ်ပါ။

<ပုံစံ ="/action_page.php">
အမည်- <input type="text" name="name">
<>
</form>


<form> Attributes အားလုံးစာရင်း

ဂုဏ်ရည် ဖော်ပြချက်
accept-charset ဖောင်တင်ပြမှုအတွက် အသုံးပြုသည့် စာလုံးကုဒ်နံပါတ်များကို သတ်မှတ်ပေးသည်။
လုပ်ဆောင်ချက် ဖောင်တစ်ခုတင်သွင်းသည့်အခါ ဖောင်ဒေတာပေးပို့ရမည့်နေရာကို သတ်မှတ်ပါ။
အလိုအလျောက်ဖြည့်ပါ။ ဖောင်တစ်ခုတွင် အလိုအလျောက်ဖြည့်သွင်းမှု ရှိ/မရှိကို ဖွင့်ရန် သို့မဟုတ် ပိတ်ရန် သတ်မှတ်ပေးသည်။
enctype ဆာဗာသို့တင်ပြသည့်အခါ ဖောင်ဒေတာကို မည်သို့ကုဒ်လုပ်ရမည်ကို သတ်မှတ်ပေးသည် (method="post" အတွက်သာ)
နည်းလမ်း ဖောင်ဒေတာ ပေးပို့ရာတွင် အသုံးပြုရန် HTTP နည်းလမ်းကို သတ်မှတ်သည်။
နာမည် ဖောင်အမည်ကို သတ်မှတ်ပေးသည်။
ပယ်ဖျက်ပါ။ ဖောင်ကို တင်သွင်းသည့်အခါ တရားဝင်မဖြစ်စေရဟု သတ်မှတ်သည်။
rel ချိတ်ဆက်ထားသော ရင်းမြစ်နှင့် လက်ရှိစာရွက်စာတမ်းကြား ဆက်စပ်မှုကို သတ်မှတ်ပါ။
ပစ်မှတ် ဖောင်ကို တင်သွင်းပြီးနောက် ရရှိသည့် တုံ့ပြန်မှုကို ပြသရမည့်နေရာကို သတ်မှတ်ပါ။