<form>標(biāo)簽
定義
<form>標(biāo)簽用于創(chuàng)建html表單哨苛;
<form action='action_page.php' method='GET'/'POST'></form>
表單能夠包含input元素扣甲,比如文本字段篮赢,復(fù)選框,單選框琉挖,提交按鈕等启泣;表單還可以包含textarea,select,fieldset和label元素等。
屬性
action {URL}:一個(gè)URL地址示辈,指定form表單向何處發(fā)送數(shù)據(jù)寥茫。
method{get/post}:指定表單以何種方式發(fā)送到指定頁(yè)面。
get/post的區(qū)別:
- get方法是默認(rèn)的矾麻,如果表單提交時(shí)被動(dòng)的纱耻,并且沒(méi)有敏感信息,使用get射富,但get是不安全的,并且傳輸數(shù)據(jù)量小粥帚。限制字符集必須為ascii碼
- post方法向服務(wù)器傳遞數(shù)據(jù)胰耗,post安全性好對(duì)所有用戶都是不可見得;post數(shù)據(jù)傳輸量大芒涡,支持整個(gè)ISO10646字符集柴灯。
常用的input元素的幾種類型
- text 定義單行的輸入字段,用戶可在其中輸入字段费尽。
<input type='text' name='message' >
- password 定義密碼字段赠群,密碼字段中的字符會(huì)被掩碼(顯示為星號(hào)或原點(diǎn))。
<input type='password' name='pwd' >
- radio 定義單選按鈕旱幼。單選按鈕允許用戶選取給定數(shù)目的選擇中的一個(gè)選項(xiàng)(分組需要設(shè)置相同的name值,默認(rèn)選中check='checked')
<input type='radio' name='sex' value='male' checked>
- checkbox 定義復(fù)選框查描。復(fù)選框允許用戶在一定數(shù)目的選擇中選取一個(gè)或多個(gè)選項(xiàng),默認(rèn)選中同上。
<input type='checkbox' name='hooby' value='basketball' >
- submit 定義提交按鈕冬三,提交按鈕用于向服務(wù)器發(fā)送表單數(shù)據(jù)匀油。數(shù)據(jù)會(huì)發(fā)送到表單的 action 屬性中指定的頁(yè)面。
<input type='submit' value='Submit' >
- hidden 定義隱藏字段勾笆。隱藏字段對(duì)于用戶是不可見的敌蚜。隱藏字段通常會(huì)存儲(chǔ)一個(gè)默認(rèn)值,它們的值也可以由 JavaScript 進(jìn)行修改窝爪。
<input type='hidden' name='' value=''>
- textarea 定義多行輸入文本域弛车。
<textarea name='message' rows='10' cols='30' >
</textarea>
- select 定義下拉列表
<select name="cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="fiat">Fiat</option>
<option value="audi">Audi</option>
</select>
- button元素定義點(diǎn)擊的按鈕
<button type="button" onclick="alert('Hello World!')">Click Me!</button>