HTML 表单

HTML 表单用于搜集不同类型的用户输入。

元素

HTML 表单用于收集用户输入。

元素定义 HTML 表单：

实例

<form>
 .
form elements
 .
</form>

HTML 表单包含表单元素。

表单元素指的是不同类型的 input 元素、复选框、单选按钮、提交按钮等等。

元素

元素是最重要的表单元素。

元素有很多形态，根据不同的 type 属性。

这是本章中使用的类型：

အမျိုးအစား ဖော်ပြ
text အရေးပါ ဆိုင်းလင်းမင်း အရေးပါ ဆိုင်းလင်းမင်း
radio အရေးပါ ဆိုင်းလင်းမင်း အရေးပါ ဆိုင်းလင်းမင်း
submit တင်ပြ ဆိုင်းလင်းမင်း အားကစား

စကားလုံးမည်သို့မဆို ကျမ်းစာအုပ် အချိန်တွင် အသုံးပြုရန် အသင့်တော်ငြားသည်။

ဆိုင်းလင်းမင်း အရေးပါ ဆိုင်းလင်းမင်း

<input type="text"> အမှတ်ပြုထားသည်။ဆိုင်းလင်းမင်း အရေးပါ ဆိုင်းလင်းမင်းအရေးပါ ဆိုင်းလင်းမင်း တွင် အရေးပါ ဆိုင်းလင်းမင်း

实例

<form>
 ပထမဆုံး အမည်:<br>
<input type="text" name="firstname">
<br>
 အမည်ဖြစ်သည်:<br>
<input type="text" name="lastname">
</form>

ကိုယ်တိုင် ကြိုးစားကြပါ

ဘရောက်စ် တွင် ဘာသာပြန်သံ သည် ထို့နောက်အရ သဘောပေါက်သည်။

First name:


Last name:

စကားလုံးဆိုင်းလင်းမင်း ကို မမြင်နိုင်ပေ။ ထို့ပြင် အခြား ဆိုင်းလင်းမင်း အခြေအနေ တွင် အရေးပါ ဆိုင်းလင်းမင်း သည် အရေးပါ ဆိုင်းလင်းမင်း ဖြစ်သည်။

အရေးပါ ဆိုင်းလင်းမင်း အရေးပါ ဆိုင်းလင်းမင်း

<input type="radio"> အမှတ်ပြုထားသည်။အရေးပါ ဆိုင်းလင်းမင်း。

အရေးပါ ဆိုင်းလင်းမင်း သည် အသုံးပြုသူ က သို့မဟုတ် အသုံးပြုသူ အပေါ် တစ်ခုခု ကို ရွေးချယ်ရန် ခွင့်ပြုထားသည်။

实例

<form>
<input type="radio" name="sex" value="male" checked>မိ�
<br>
<input type="radio" name="sex" value="female">မိဘ
</form>

ကိုယ်တိုင် ကြိုးစားကြပါ

အရေးပါ ဆိုင်းလင်းမင်း သည် ဘရောက်စ် တွင် ထို့နောက်အရ သဘောပေါက်သည်။

မိဖ

မိဘ

တင်ပြ ဆိုင်းလင်းမင်း

<input type="submit"> အသုံးပြုရန်ဆိုင်းလင်းမင်း အားကစား(form-handler)တင်ပြဆိုင်းလင်းမင်း ကို

ဆိုင်းလင်းမင်း အားကစား ဆိုင်းလင်းမင်း သည် ဆိုင်းလင်းမင်း တွင် အသုံးပြုသော အရေးကြီးသော အရေးပါ ဆိုင်းလင်းမင်း ဖြစ်ပါသည်။

ဆိုင်းလင်းမင်း တွင် အားကစား ဆိုင်းလင်းမင်း သို့ သွားသည်။ action အခြေအနေ တွင် တင်ပြထားသည်။

实例

<form action="action_page.php">
ပထမဆုံး အမည်:<br>
<input type="text" name="firstname" value="Mickey">
<br>
အမည်ဖြစ်သည်:<br>
<input type="text" name="lastname" value="Mouse">
<br><br>
<input type="text" value="Mickey">
</form>

ကိုယ်တိုင် ကြိုးစားကြပါ

ဘရောက်စ် တွင် ဘာသာပြန်သံ သည် ထို့နောက်အရ သဘောပေါက်သည်။

First name:


Last name:


Action အခြေအနေ

action အခြေအနေဆိုင်းလင်းမင်း တင်ပြခြင်း အချိန်တွင် ပြုလုပ်ရမည့် လုပ်ကြုံကြောင်း အမှတ်ပြုထားသည်။

ဝါဒေါက် သို့ ဆိုင်းလင်းမင်း တင်ပြခြင်း အမျိုးအများအား တင်ပြထားသည် သင့်တော်ငြားသည်။

ပုံမှာ အမျိုးမျိုးသော ဆိုင်းလင်းမင်း ကို လိပ်အိမ် ဝါဒေါက် တွင် တင်ပြထားသည်။

အထဲက အမှတ် 1 တွင် တိုက်ရိုက်ထားသော ဆိုင်းလင်းမင်း ကို တင်ပြထားသည်။

<form action="action_page.php">

如果省略 action 属性，则 action 会被设置为当前页面。

Method 属性

Method အကိုးးအခံmethod အကိုးးအခံmethod အကိုးးအခံ အခြေခံ GETသို့မဟုတ်

POST

)

<form action="action_page.php" method="GET">

သို့မဟုတ်

<form action="action_page.php" method="POST">

GET အသုံးပြု သည့် အချိန်

သင့် အသုံးပြုပါ

action_page.php?firstname=Mickey&lastname=Mouse

စကားလုံးGET သည် သန်းခေါင်း သို့မဟုတ် သန်းခေါင်း ကြား အချိန် ကို တင်ပြခြင်း အပေါ် ဘာသာစကားများကို ဖြည့်ပြခြင်း

POST အသုံးပြု သည့် အချိန်

သင့် အသုံးပြုပါ

အမှုထမ်းပေးသော ဘာသာစကားများကို ဖြည့်ပြခြင်း အပေါ် ဘာသာစကားများကို ပြင်ဆင်ခြင်း အတွက် ဘာသာစကားများကို ဖြည့်ပြခြင်း

POST သည် ဘာသာစကားများကို ဖြည့်ပြခြင်း အပေါ် ဘာသာစကားများကို ပြင်ဆင်ခြင်း အတွက် ဘာသာစကားများကို ဖြည့်ပြခြင်း အပေါ် ဘာသာစကားများကို ပြင်ဆင်ခြင်း အတွက် ဘာသာစကားများကို ဖြည့်ပြခြင်း

POST သည် ဘာသာစကားများကို ဘာသာစကားများတွင် ဖြည့်ပြခြင်း အပေါ် ဘာသာစကားများကို ပြင်ဆင်ခြင်း အတွက် ဘာသာစကားများကို ဖြည့်ပြခြင်း အပေါ် ဘာသာစကားများကို ပြင်ဆင်ခြင်း အတွက် ဘာသာစကားများကို ဖြည့်ပြခြင်း အပေါ် ဘာသာစကားများကို ပြင်ဆင်ခြင်း အတွက် ဘာသာစကားများကို ဖြည့်ပြခြင်း

Name အကိုးးအခံ

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

实例

<form action="action_page.php">
ပထမဆုံး အမည်:<br>
ဤအကျိုးသားအရ အမည် "Last name" ဖြည့်ပေးသော ဖြည့်စာကြည်းကို တင်ပြသည်
<br>
အမည်ဖြစ်သည်:<br>
<input type="text" name="lastname" value="Mouse">
<br><br>
<input type="text" value="Mickey">
</form>

ကိုယ်တိုင် ကြိုးစားကြပါ

<input type="submit" value="Submit">

<fieldset> အရာဝတ္တုများကို <fieldset> အသုံးပြုပြီး အဖွဲ့အစည်းအသုံးပြုသည်

<legend> အရာဝတ္တုကို <fieldset> အရာဝတ္တု အသုံးပြုပြီး ချက်ချင်းပြောဆိုသည်

实例

<form action="action_page.php">
<fieldset>
<legend>သတ္တုပုံချက် သတင်း:</legend>
ပထမဆုံး အမည်:<br>
<input type="text" name="firstname" value="Mickey">
<br>
အမည်ဖြစ်သည်:<br>
<input type="text" name="lastname" value="Mouse">
<br><br>
<input type="submit" value="Submit"></fieldset>
</form>

ကိုယ်တိုင် ကြိုးစားကြပါ

ကျမ်းပိုင်းများကို ဘာသာစကားများတွင် အမှတ်ပေးပြီး ပြင်ဆင်ပြီးသား ဘာသာစကားများကို ထုတ်ပြန်ပေးခြင်း ပြီးဖြစ်သည့် HTML ကုလား အတွက် ဘာသာစကားများ လိုက်နာရသည့်အပြင် ဘာသာစကားများကို လွယ်ကူစွာ ထုတ်ပြန်ပေးနိုင်သည်

Personal information:
First name:


Last name:


HTML Form 属性

HTML

元素，已设置所有可能的属性，是这样的：

实例



အောက်ပါတွင် <form> အချက်အလက် အစာအုပ်များကို သတ်မှတ်ထားသည်:





အချက်အလက်
ဖော်ပြ




accept-charset
တင်ပြသော ဘာသာရေးခွင် ကို သတ်မှတ်ရမည် (လျှပ်ပြား: စာရင်း ဘာသာရေး)。




action
ဘာသာရေးခွင် ကို တင်ပြရမည်ကို သတ်မှတ်ရမည် (URL) (တင်ပြခြင်း စာရင်း)。




autocomplete
ဘာသာရေးခွင် ကို အားပေး၍ လက်တွေ့ တင်ပြရမည် (လျှပ်ပြား: ဖွင့်)。




enctype
တင်ပြသော အချက်အလက် အချက်အလက် ကို ဘာသာရေးရာ အသုံးပြုရမည် (လျှပ်ပြား: url-encoded)。




method
ဘာသာရေးခွင် တင်ပြခြင်း အတွက် အသုံးပြုသော HTTP အမျိုးအစား ကို သတ်မှတ်ရမည် (လျှပ်ပြား: GET)。




name
ဘာသာရေးခွင် အမည် ကို သတ်မှတ်ရမည် (အခြေခံ DOM အတွက်: document.forms.name)。




novalidate
ဘာသာရေးခွင် ကို ဘာသာရေးမှ သတ်မှတ်ရမည်。




target
action အချက်အလက် အရာတွင် အရာရှိနေသော ဘာသာစကားကို သတ်မှတ်ရမည် (လျှပ်ပြား: _self)。





စကားလုံးအောက်ပါ စာရင်းများတွင် အကိုးအခံ အချက်အလက် အသိအဖွယ် သိရှိလိမ့်မည်။