Forma ya HTML

Forma ya HTML inatumika kusafirisha aina mbalimbali ya data za kuingia kwa mtu.

<form> Kitu cha kuanza forma ya HTML:

Forma ya HTML inatumika kusafirisha data za kuingia kwa mtu.

<form> Kitu cha kuanza forma ya HTML:

实例

<form>
 .
form elements
 .

Forma ya HTML inaMbinu ya forma.

Mbinu ya forma inahusisha aina mbalimbali ya kuingia, msingi wa chaguo, gundu la kushika na wengine wengi.

Kitu cha <input> kina aina kina

<input> Kitu kina aina kina <input> ni muhimuMbinu ya forma.

Kitu cha <input> kina aina nyingi, kulingana na: type Mawakilishi.

Hii ni aina zilizotumiwa kwenye kitabu hiki:

Aina 描述
text Inasahihisha kuingia cha maandiko kawaida.
radio Inasahihisha kuingia cha chaguo kwa moja (kuchagua moja kati ya chaguo mbalimbali)
kushika Inasahihisha gundu la kushika (kushika forma)

注释：Unakupatia habari zaidi kuhusu aina za kuingia kwa sababu ya mafunzo yako.

Kuingia cha maandiko

<input type="text"> Inasahihisha kwa sababu ya:Kuingia cha maandikoKwa eneo la kuingia wa kimoja la:

实例

<form>
 Jina la kwanza:<br>
<input type="text" name="firstname">
<br>
 Jina la kifamilia:<br>
<input type="text" name="lastname">

Jaribu tena

Kwenye kivininda cha kijifunzea, hii ni hali yake ya kufanya:

First name:


Last name:

注释：Forma yenyewe inayopatikana bila kuwa vizuri. Tunaona pia uwezo wa eneo la kuingia wa kawaida ni 20 herufi.

Gundu la chaguo kwa moja la kuingia

<input type="radio"> InasahihishaGundu la chaguo kwa moja.

Gundu la chaguo kwa moja inafaa mtu akichezea moja kati ya chaguo chache:

实例

<form>
<input type="radio" name="sex" value="male" checked>Mwanaume
<br>
<input type="radio" name="sex" value="female">Mwanamke

Jaribu tena

Gundu la chaguo kwa moja la kawaida kwenye kivininda cha kijifunzea ni hili:

Mwanaume

Mwanamke

Gundu la kushika

<input type="submit"> Kuandika kwa sababu ya kushikaMfanyikaji wa forma(form-handler)KushikaGundu la forma.

Mfanyikaji wa forma ni tovuti ya serveri ambayo inahusisha skripta za kusaidia kusaidia data za kuingia.

Mfanyikaji wa forma inafanya kwenye action Inasahihisha kwenye mawakilishi:

实例

<form action="action_page.php">
Jina la kwanza:<br>
<input type="text" name="firstname" value="Mickey">
<br>
Jina la kifamilia:<br>
<input type="text" name="lastname" value="Mouse">
<br><br>
<input type="submit" value="Submit">

Jaribu tena

Kwenye kivininda cha kijifunzea, hii ni hali yake ya kufanya:

First name:


Last name:


Mwakilishi wa kufanya

Mwakilishi wa kufanyaMwongozo wa kufanya kwa sababu ya kusahihisha forma.

Mwongozo wa kusahihisha forma kwa kawaida ni kusoma gundu la kushika.

Kawaida, forma inatumwa kwa tovuti kwenye serveri ya web.

Kwa matokeo juu ya hivi, kusahihisha mshairi wa msimbo wa server kuendeleza forma iliyotumwa:

<form action="action_page.php">

Ikiwa kinaingia kwa kuingia kwa action inaelewa, kinaingia kwa kuingia kwa action kinasababishwa kuwa barua ya hivi tukio.

Mwili wa kazi

Mwili wa kaziInasababisha mtu wa kuingia kwa kuzingatia uhusiano wa HTTP wa kuingia kwa foramu (GET au POST)

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

au:

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

Kwenda nje ya GET?

Unaweza kutumia GET (kazi ya kawaida):

Ikiwa kuingia kwa foramu ni inayotengwa kwa kawaida (kama chanzo cha mtaarifu wa mtandao), na hawajipatikana habari inayohusiana na uhusiano.

Kama unatumia GET, data ya foramu inahusishwa katika barua ya tovuti:

action_page.php?firstname=Mickey&lastname=Mouse

注释：GET inaeneza kwa kuingia kwa data kwa ukubwa wa chini. Brwara inakadiri uchukuo wa upepo.

Kwenda nje ya POST?

Unaweza kutumia POST:

Ikiwa foramu inayoukua data, au ina habari inayohusiana na uhusiano (kama nywila).

Uhusiano wa POST una nguvu zaidi, kwa sababu data iliyotumika kwa kuingia inasikilika katika barua ya tovuti.

Mwili wa jina

Ikiwa kufikia kwamba kuingia kwa msaada wa foramu hupewa kwa kawaida, kila eneo la input lazima liwe na kipimo cha name.

Maelezo hii inatangulia kuingia "Jina la kifamilia" eneo la input linaloingia:

实例

<form action="action_page.php">
Jina la kwanza:<br>
<input type="text" value="Mickey">
<br>
Jina la kifamilia:<br>
<input type="text" name="lastname" value="Mouse">
<br><br>
<input type="submit" value="Submit">

Jaribu tena

Tumia <fieldset> kusaidia data ya foramu

<fieldset> Inabonyeza data ya foramu yenye uhusiano

<legend> Elementi ya <fieldset> inadhesa cheo cha kike.

实例

<form action="action_page.php">
<fieldset>
<legend>Mahitaji ya mwenzi:</legend>
Jina la kwanza:<br>
<input type="text" name="firstname" value="Mickey">
<br>
Jina la kifamilia:<br>
<input type="text" name="lastname" value="Mouse">
<br><br>
<input type="submit" value="Submit"></fieldset>

Jaribu tena

Inayaaona kwa brwara inayopakana kama hii HTML kodi:

Personal information:
First name:


Last name:


HTML Form 属性

HTML

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

实例


.
form elements
 .

下面是

属性的列表：

属性 描述
accept-charset 规定在被提交表单中使用的字符集（默认：页面字符集）。
action 规定向何处提交表单的地址（URL）（提交页面）。
autocomplete 规定浏览器应该自动完成表单（默认：开启）。
enctype 规定被提交数据的编码（默认：url-encoded）。
method 规定在提交表单时所用的 HTTP 方法（默认：GET）。
name 规定识别表单的名称（对于 DOM 使用：document.forms.name）。
novalidate 规定浏览器不验证表单。
target 规定 action 属性中地址的目标（默认：_self）。

注释：您将在下面的章节学到更多关于属性的知识。