HTML 表單的用法

HTML 表單用于搜集不同類型的用戶輸入鹉胖。
表單是一個包含表單元素的區(qū)域握玛。
表單元素是允許用戶在表單中輸入內(nèi)容,比如:文本域(textarea)、下拉列表甫菠、單選框(radio-buttons)挠铲、復(fù)選框(checkboxes)等等。
表單使用表單標(biāo)簽 <form> 來設(shè)置:
<form> hello world... </form>

多數(shù)情況下被用到的表單標(biāo)簽是輸入標(biāo)簽(<input>)寂诱。
輸入類型是由類型屬性(type)定義的拂苹。大多數(shù)經(jīng)常被用到的輸入類型如下:

文本域(Text Fields)

<form action=""> name: <input type="text" name="username"> password: <input type="text" name="password"> </form>

密碼字段

<form> Password: <input type="password" name="pwd"> </form>

單選按鈕(Radio Buttons)

<form>
<input type="radio" name="sex" value="man">boy
<input type="radio" name="sex" value="man">girl
</form>
```
####復(fù)選框(Checkboxes)
```
<form>
<input type="checkbox" name="game" value="lol">I like lol<br>
<input type="checkbox" name="game" value="dota">I like dota 
</form>
```
####提交按鈕(Submit Button)
```
<form name="input" action="html_form_action.php" method="get">
Username: <input type="text" name="user">
<input type="submit" value="Submit">
</form>
```
####HTML 表單標(biāo)簽
```
[<form>]
定義供用戶輸入的表單

[<input>]
定義輸入域

[<textarea>]
定義文本域 (一個多行的輸入控件)

[<label>]
定義了 <input> 元素的標(biāo)簽,一般為輸入標(biāo)題

[<fieldset>]
定義了一組相關(guān)的表單元素痰洒,并使用外框包含起來

[<legend>]
定義了 <fieldset> 元素的標(biāo)題

[<select>]
定義了下拉選項(xiàng)列表

[<optgroup>]
定義選項(xiàng)組

[<option>]
定義下拉列表中的選項(xiàng)

[<button>]
定義一個點(diǎn)擊按鈕

[<datalist>](HTML5新標(biāo)簽)
指定一個預(yù)先定義的輸入控件選項(xiàng)列表

[<keygen>](HTML5新標(biāo)簽)
定義了表單的密鑰對生成器字段

[<output>](HTML5新標(biāo)簽)
定義一個計(jì)算結(jié)果
```
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末瓢棒,一起剝皮案震驚了整個濱河市浴韭,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌脯宿,老刑警劉巖念颈,帶你破解...
    沈念sama閱讀 222,729評論 6 517
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異连霉,居然都是意外死亡榴芳,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,226評論 3 399
  • 文/潘曉璐 我一進(jìn)店門跺撼,熙熙樓的掌柜王于貴愁眉苦臉地迎上來窟感,“玉大人,你說我怎么就攤上這事歉井∈疗恚” “怎么了?”我有些...
    開封第一講書人閱讀 169,461評論 0 362
  • 文/不壞的土叔 我叫張陵酣难,是天一觀的道長谍夭。 經(jīng)常有香客問我黑滴,道長憨募,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 60,135評論 1 300
  • 正文 為了忘掉前任袁辈,我火速辦了婚禮菜谣,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘晚缩。我一直安慰自己尾膊,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 69,130評論 6 398
  • 文/花漫 我一把揭開白布荞彼。 她就那樣靜靜地躺著冈敛,像睡著了一般。 火紅的嫁衣襯著肌膚如雪鸣皂。 梳的紋絲不亂的頭發(fā)上抓谴,一...
    開封第一講書人閱讀 52,736評論 1 312
  • 那天,我揣著相機(jī)與錄音寞缝,去河邊找鬼癌压。 笑死,一個胖子當(dāng)著我的面吹牛荆陆,可吹牛的內(nèi)容都是我干的滩届。 我是一名探鬼主播,決...
    沈念sama閱讀 41,179評論 3 422
  • 文/蒼蘭香墨 我猛地睜開眼被啼,長吁一口氣:“原來是場噩夢啊……” “哼帜消!你這毒婦竟也來了棠枉?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 40,124評論 0 277
  • 序言:老撾萬榮一對情侶失蹤泡挺,失蹤者是張志新(化名)和其女友劉穎术健,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體粘衬,經(jīng)...
    沈念sama閱讀 46,657評論 1 320
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡荞估,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,723評論 3 342
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了稚新。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片勘伺。...
    茶點(diǎn)故事閱讀 40,872評論 1 353
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖褂删,靈堂內(nèi)的尸體忽然破棺而出飞醉,到底是詐尸還是另有隱情,我是刑警寧澤屯阀,帶...
    沈念sama閱讀 36,533評論 5 351
  • 正文 年R本政府宣布缅帘,位于F島的核電站,受9級特大地震影響难衰,放射性物質(zhì)發(fā)生泄漏钦无。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 42,213評論 3 336
  • 文/蒙蒙 一盖袭、第九天 我趴在偏房一處隱蔽的房頂上張望失暂。 院中可真熱鬧,春花似錦鳄虱、人聲如沸弟塞。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,700評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽决记。三九已至,卻和暖如春倍踪,著一層夾襖步出監(jiān)牢的瞬間系宫,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,819評論 1 274
  • 我被黑心中介騙來泰國打工惭适, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留笙瑟,地道東北人。 一個月前我還...
    沈念sama閱讀 49,304評論 3 379
  • 正文 我出身青樓癞志,卻偏偏與公主長得像往枷,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,876評論 2 361

推薦閱讀更多精彩內(nèi)容

  • 1. 簡介 HTML表單是一個包含表單元素的區(qū)域错洁,用來收集用戶輸入的內(nèi)容并提交秉宿。 表單元素通常包括文本域(text...
    yangjie727閱讀 403評論 0 0
  • 一、HTML表單 表單是一個包含表單元素的區(qū)域屯碴。表單元素是允許用戶在表單中輸入內(nèi)容,比如:文本域(textarea...
    饑人谷_李維超閱讀 328評論 0 0
  • 1.簡介 HTML表單是一個包含表單元素的區(qū)域描睦,用來收集用戶輸入的內(nèi)容并提交。表單元素通常包括文本域(textar...
    _思銘閱讀 144評論 0 0
  • 一导而、表單 1. 表單的作用 HTML 表單用于接收不同類型的用戶輸入忱叭,用戶提交表單時向服務(wù)器傳輸數(shù)據(jù),從而實(shí)現(xiàn)用戶...
    zx9426閱讀 415評論 0 1
  • 據(jù)說主人要帶我去參加一場走秀活動今艺,把我推薦給更多的人韵丑,當(dāng)聽到這個消息的時候,心里簡直要樂開花了虚缎。說句實(shí)話撵彻,其實(shí)沒有...
    殘劍閱讀 473評論 0 3