<doctype html>
<html>
<head>
<meta charset="UTF-8"/>
<title>表單</title>
</head>
<body>
<!-- 表單用來設(shè)置可以輸入/提交的內(nèi)容范圍菩颖，即form內(nèi)的內(nèi)容才可以提交給服務(wù)器
action：提交服務(wù)器的url -->
<form action="http://www.sohu.com">
<!-- 普通的文本框type=text -->
<p>
<label for="code">賬號：</label><input type="text" id="code" value="abc"
maxlength="10" readonly="readonly">
<br/>
<!-- label用來申明表單中的文本可以通過for屬性：
將此文本與礦體通過id綁定到一起晦闰，綁定后，點(diǎn)擊此文本時呻右，就相當(dāng)于綁定了文本框 -->
賬號1：<input type="text" id="code1" maxlength="10" >
</p>
<p>
<!-- value屬性可以設(shè)置也可以不設(shè)置声滥，設(shè)置時密碼框中的內(nèi)容為value的值 -->
<label for="pwd">密碼：</label><input type="password" id="pwd">
</p>
<!-- 單選框 -->
<!-- radio必須設(shè)置為一組，才能彼此互斥 -->
<p>
性別：<input type="radio" name="sex"/>男
<!-- checked屬性用來設(shè)置默認(rèn)選中纽疟，可以簡寫為checked -->
<input type="radio" name="sex"/ checked>女
</p>
<!-- 復(fù)選框 -->
<P>
興趣：
<input type="checkbox" id="baskedtball">籃球
<input type="checkbox" id="foottball">足球
<input type="checkbox" id="pingpang">乒乓
<input type="checkbox" id="lol">LOL
<input type="checkbox" id="camera">攝影
</P>
<!-- 上傳文件 -->
<p>
上傳文件：
<input type="file"/>
</p>
<!-- 按鈕 -->
<p>
<!-- 用來提交表單的按鈕 -->
<input type="submit" value="注冊"/>
<!-- 用來重置表單的按鈕 -->
<input type="reset" value="重置"/>
<!-- 用來自定義按鈕 需要有JS的幫助-->
<input type="button" value="點(diǎn)我"/>
</p>
<!-- 其他元素 -->
<!-- 文本域 就是大號的文本框污朽，rows占多少行龙考，cols占 多少列-->
<p>
簡介：<textarea rows="10" cols="10"></textarea>
</p>
<!-- 下拉選框 -->
<select>
<option selected>請選擇</option>
<option>北京</option>
<option>上海</option>
<option>廣州</option>
<option>深圳</option>
</select>
</form>
</body>
</html>
表單
