<form> 標(biāo)簽用于為用戶輸入創(chuàng)建 HTML 表單夫偶。
- 表單能夠包含 input 元素,比如文本字段觉增、復(fù)選框兵拢、單選框、提交按鈕等等抑片。
- 表單還可以包含 menus卵佛、textarea、fieldset敞斋、legend 和 label 元素截汪。
- 表單用于向服務(wù)器傳輸數(shù)據(jù)。
常見的表單元素
- type="text"植捎,用于對文本域進(jìn)行文本的輸入
<input type="text" name="firstname">
- type="password",用戶進(jìn)行密碼的輸入衙解,隱藏輸入內(nèi)容
<input type="password" name="password">
- type="checkbox",用戶進(jìn)行復(fù)選按鈕操作加上checked時會默認(rèn)選中
<input type="checkbox" name="Bike">
- type="radio",用戶進(jìn)行單選按鈕操作,當(dāng)name相同時為同一組單選按鈕
男性:<input type="radio" checked="checked" name="Sex" value="male" />
女性:<input type="radio" name="Sex" value="female" />
- type="select"用戶進(jìn)行下拉列表操作焰枢,加上selected時為默認(rèn)選中一項
<select name="cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="fiat">Fiat</option>
<option value="audi">Audi</option>
</select>
- type="textarea"用戶在多行文本框中進(jìn)行輸入蚓峦,輸入框可以任意伸縮,可以用CSS對多行文本框進(jìn)行控制
<textarea rows="10" cols="30">
- type="button"創(chuàng)建一個可以按的按鈕济锄,但是如果不進(jìn)行JS控制暑椰,按鈕無效果
<input type="button" value="post">
- type="submit"創(chuàng)建一個可以提交表單的按鈕,submit只要出現(xiàn)就可以對所在頁面的表單信息進(jìn)行提交荐绝,當(dāng)然也可以直接做一個<button>提交</button>,這樣的提交按鈕只要在表單中即可實現(xiàn)提交的效果
<input type="submit" value="post">
- fieldset在周圍的框中加入數(shù)據(jù)
<fieldset>
<legend>健康信息</legend>
身高:<input type="text" />
體重:<input type="text" />
</fieldset>
- type="reset"創(chuàng)建一個重置表單信息的按鈕一汽,點擊會重置所有填寫的信息
<input type="reset" value="1">
- type="hidden"設(shè)置數(shù)據(jù)為隱藏,用戶看不到低滩,可以提高表單信息的安全性
<input name="csrf_token" type="hidden" value="a23dafd23444" />
- type="file"用戶文件上傳召夹,可以設(shè)置規(guī)定格式
<input type="file" name="file1">