定義和用法
<form> 標簽用于為用戶輸入創(chuàng)建 HTML 表單。
表單能夠包含input 元素剪芥,比如文本字段垄开、復選框、單選框税肪、提交按鈕等等溉躲。
表單還可以包含 menus、textarea益兄、fieldset锻梳、legend、label元素
表單用于向服務器傳輸數(shù)據(jù)净捅。
- 定義:
<form action="提交到服務器地址" method="get/post"> </form>
- 單行文本框<input type="text"/>(input 的type 屬性的默認值就是"text")
<input type = “text” name=“名稱”/>
單行文本框的主要屬性:
size:指定文本框的寬度疑枯,以字符個數(shù)為單位;在大多數(shù)瀏覽器中蛔六,文本框的缺省寬度是20個字符荆永。
value:指定文本框的默認值废亭,是在瀏覽器第一次顯示表單或者用戶單擊<input type="reset"/>按鈕之后在文本框中顯示的值。
maxlength:指定用戶輸入的最大字符長度具钥。
readonly:只讀屬性滔以,當設置readonly屬性后,文本框可以獲得焦點氓拼,但用戶不能改變文本框中的value。
disabled:禁用抵碟,當文本框被禁用時桃漾,不能獲得焦點,當然拟逮,用戶也不能改變文本框的值撬统。并且在提交表單時,瀏覽器不會將該文本框的值發(fā)送給服務器敦迄。 - 密碼框<input type="password"/>
<input type=“password” name=“名稱”/>
- 單選按鈕<input type="radio"/>
使用方式:使用name相同的一組單選按鈕恋追,不同radio設定不同的value值,這樣通過取指定name的值就可以知道誰被選中了罚屋,不用單獨的判斷苦囱。單選按鈕的元素值由value屬性顯式設置,表單提交時脾猛,選中項的value和name被打包發(fā)送撕彤,不顯式設置value。
<input type=“radio” name=“gender” value=“male”/> <input type=“radio” name=“gender” value=“female”/>
- 復選框<input type="checkbox"/>
復選框的checked屬性表示是否被選中猛拴,<input type="checkbox" checked />
<label><input type="checkbox" name="" value="dota">dota</label> <label><input type="checkbox" name="" value="旅游" checked>旅游</label> <label><input type="checkbox" name="" value="寵物" checked>寵物</label>
<label></label>標簽
在<input type=“”>前可以寫普通的文本來修飾羹铅,但是單擊修飾文本的時候input并不會得到焦點,而用label則可以愉昆,for屬性指定要修飾的控件的id职员,<label for=“txt1” >內容</label>.
隱藏域<input type="hidden"/>
隱藏域通常用于向服務器提交不需要顯示給用戶的信息
<input type=“hidden” name=“隱藏域”/>
文件上傳<input type="file"/>
<input type="file" name="" accept="定義上傳文件類型">
下拉框<select>標簽
<select>標記創(chuàng)建一個列表框,<option>標記創(chuàng)建一個列表項,<select>與嵌套的<option>一起使用,共同提供在一組選項中進行選擇的方式跛溉。
<option selected>可以將這個項設定為選擇項
<select> <option value="beijing">北京</option> <option value="shanghai" selected>上海</option> <option value="hangzhou">杭州</option> </select>
多行文本<textarea></textarea>
<textarea name="" cols="10" rows="5" > 默認顯示的文本 </textarea>
提交按鈕<input type="submit"/>
當用戶單擊<inputt type="submit"/>的提交按鈕時焊切,表單數(shù)據(jù)會提交給<form>標簽的action屬性所指定的服務器處理程序》际遥可以設置value屬性修改按鈕的顯示文本蛛蒙。
<input type="submit" value="提交"/>
重置按鈕<input type="reset"/>
當用戶單擊<input type="reset"/>按鈕時,表單中的值被重置為初始值渤愁。在用戶提交表單時牵祟,重置按鈕的name和value不會提交給服務器。
<input type=“reset” value=“重置按鈕"/>