軟體測試工程師之必備html知識，框架的設計之HTML表單設計
什麼是表單：
表單是一個包含表單元素的區域。 表單元素是允許使用者在表單中（比如：文字域、下拉列表、單選框、複選框等等）輸入資訊的元素。 表單使用表單標籤（<form>）定義。 <form> <input /></form> [1] 主要講述以下幾個部分
表單標記：<form></form> action 伺服器地址，接受表單內容的地址 name 表單名稱
method：提交方式 get和post方式，注意兩個區別
注意：一般提交表單用的是post的，很少用get
注意：submit按鈕，必須要放在form標籤中，才有效，如果放在外面就是一個普通的button
重置按鈕，不是清空的意思，是返回初始狀態，也必須要放在form表單中去
第二：文字框和密碼程式碼如下：
<form>
賬號：<input type="text" name="userID" value="張三" /> <br /> 密碼：<input type="password" name="userpassword" /> <br /></form>
按鈕，注意，submit按鈕和rest按鈕，必須要放在form裡面，不然，submit按鈕就只能相當於一個普通按鈕了
<input type="submit" value="登陸" />
<input type="reset" value="重置"/><br />
性別：<input type="radio" value="男" name="sex" checked="checked"/>男 <input type="radio" value="男" name="sex"/>女 <input type="radio" value="男" name="sex"/>保密 <br /> 興趣愛好：<input type="checkbox" name="xq" value="LOL" checked="checked"/>LOL <input type="checkbox" name="xq" value="DOTA"/>DOTA <input type="checkbox" name="xq" value="看小說"/>看小說 <br /> 都可以使用checked屬性來設定預設選中項
多行文字域：textarea：多行文字框，一般最常用的是設定寬度或者高度
<textarea cols="50" rows="10"> 今天晚上 吃 火鍋 </textarea>
下拉列表域：select 標記和option選項
學院：<select name="dx" size="3"> <option value="01">北京大學</option> <option value="02">清華大學</option> <option value="03">哈佛大學</option> <option value="03">天津大學</option> <option value="03">上海大學</option> <option value="03">南京大學</option>
</select><br />
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <form action="" method="get" enctype="application/x-www-form-urlencoded"> <input type="hidden" name="userNUber" value="10001" /> 賬號：<input type="text" name="userID" value="張三" /> <br /> 密碼：<input type="password" name="userpassword" /> <br /> <input type="submit" value="登陸" /> <input type="reset" value="重置"/><br /> <br /> 頭像：<input type="file" /><br /> 性別：<input type="radio" value="男" name="sex" checked="checked"/>男 <input type="radio" value="男" name="sex"/>女 <input type="radio" value="男" name="sex"/>保密 <br /> 興趣愛好：<input type="checkbox" name="xq" value="LOL" checked="checked"/>LOL <input type="checkbox" name="xq" value="DOTA"/>DOTA <input type="checkbox" name="xq" value="看小說"/>看小說 <br /> 學院：<select name="dx" size="3"> <option value="01">北京大學</option> <option value="02">清華大學</option> <option value="04">哈佛大學</option> <option value="05">天津大學</option> <option value="06">上海大學</option> <option value="07">南京大學</option> </select><br /> <br /> 備註：<br /><textarea cols="50" rows="10"> </textarea> </form> </body> </html>
執行結果如下：
以上就是表單的描述，注意，表單很重要，使用很多