表單的作用：用于向服務(wù)器發(fā)送數(shù)據(jù)桩皿。
(也可以通過超鏈接后面拼接參數(shù)的形式向服務(wù)器發(fā)送數(shù)據(jù))
表單標(biāo)簽
<form action="指定表單的提交地址" method="GET/POST"></form>
表單項(xiàng)標(biāo)簽
input
文本輸入框<input type="text" placeholder="請(qǐng)輸入用戶名" name="username"/>
密碼輸入框<input type="password" placeholder="請(qǐng)輸入密碼" name="pwd"/>
單選框<input type="radio" name="sex" value="male"/
復(fù)選框<input type="checkbox" name="hobby" value="wq"/>
普通按鈕<input type="button" value="確定"/>
提交按鈕<input type="submit" value="注冊(cè)"/>
重置按鈕<input type="reset" value="重置"/>
文件上傳項(xiàng)<input type="file"/>
隱藏域<input type="hidden"/>
select/option
<select name="city">
<option value="bj">北京</option>
<option value="sh">上海</option>
<option value="gz">廣州</option>
</select>
textarea
<textarea rows="10" cols="100" placeholder="請(qǐng)輸入..." name="desc"></textarea>
如果表單項(xiàng)中的數(shù)據(jù)需要被提交祠墅，表單項(xiàng)必須指定name屬性(參數(shù)名稱)，否則將不被提交
Input中厌衙，type如果是radio或者checkbox的話盛霎，不配置value屬性构挤，默認(rèn)提交on
<!DOCTYPE html>
<html>
<head>
<title>表格標(biāo)簽</title>
<meta charset="utf-8"/>
</head>
<body>
<h1 align="center">注冊(cè)表單</h1>
<form action="#" method="GET">
<table align="center" border="1" bordercolor="pink" bgcolor="lightgray" cellspacing="0" width="80%" height="500px">
<tr><td>用戶名:</td><td><input type="text" placeholder="請(qǐng)輸入用戶名" name="username"/></td></tr>
<tr><td>密碼:</td><td><input type="password" placeholder="請(qǐng)輸入密碼" name="pwd"/></td></tr>
<tr><td>確認(rèn)密碼:</td><td><input type="password" placeholder="請(qǐng)?jiān)俅屋斎朊艽a" name="repwd"/></td></tr>
<tr><td>昵稱:</td><td><input type="text" placeholder="請(qǐng)輸入昵稱" name="nick"/></td></tr>
<tr><td>性別:</td><td><input type="radio" name="sex" value="male"/>男<input type="radio" name="sex" value="female"/>女</td></tr>
<tr><td>愛好:</td><td><input type="checkbox" name="hobby" value="lq"/>籃球<input type="checkbox" name="hobby" value="zq"/>
足球<input type="checkbox" name="hobby" value="wq"/>網(wǎng)球</td></tr>
<tr><td>出生地:</td>
<td><select name="city"><option value="bj">北京</option><option value="sh">上海</option><option value="gz">廣州</option></select></td></tr>
<tr><td>頭像：</td><td><input type="file" name="photo"></td></tr>
<tr><td>個(gè)人描述:</td><td><textarea rows="10" cols="100" placeholder="請(qǐng)輸入..." name="desc"></textarea></td></tr>
<tr><td>驗(yàn)證碼:</td><td><input type="text" placeholder="請(qǐng)輸入驗(yàn)證碼" name="validate"/></td></tr>
<tr><td colspan="2" align="center"><input type="submit" value="注冊(cè)"/><input type="reset" value="重置"/></td></tr>
</table>
</form>
</body>
</html>
