form

• method

method提交表單的請求方式get或者post
<form method="get"></form>
<form method="post"></form>

• action

action提交表單的地址
<form action="/login"></form>

• enctype

enctype發(fā)送表單數(shù)據(jù)之前如何對其進行編碼
<form action="/login" method="post" enctype="application/x-www-form-urlencoded"></form>

application/x-www-form-urlencoded（默認編碼方式）在發(fā)送前編碼所有字符
multipart/form-data 不對字符編碼。在使用包含文件上傳控件的表單時，必須使用該值。
text/plain 空格轉(zhuǎn)換為 "+" 加號，但不對特殊字符編碼。

更多form屬性

input

• type

radio單選按鈕。單選按鈕只允許用戶選擇中其中一個選項。
一組radio的name值要相同，例如：
<input type="radio" name="sex" value="male">男
<input type="radio" name="sex" value="female">女

checkbox復(fù)選框按鈕。復(fù)選框按鈕允許用戶選擇中其中一個或者多個選項。
一組checkbox的name值要相同，例如：
<input type="checkbox" name="ball" value="basketball">籃球
<input type="checkbox" name="ball" value="football">足球
<input type="checkbox" name="ball" value="tennis">網(wǎng)球
<input type="checkbox" name="ball" value="volleyball">排球

button按鈕，點擊之后執(zhí)行相應(yīng)綁定的事件
image圖像形式的提交按鈕，submit提交按鈕，點擊之后提交表單中的數(shù)據(jù)
<input type="image" src="/image/submit.jpg">
<input type="submit">

• placeholder

placeholder提示信息
<input type="text" placeholder="提示信息">

• autocomplete

autocomplete自動填充功能
<input type="text" autocomplete="on">  開啟自動填充功能
<input type="text" autocomplete="off"> 關(guān)閉自動填充功能

• autofocus

autofocus頁面加載時是否獲得焦點（不適用于type="hidden"）
<input type="text" autofocus="autofocus">

• pattern

pattern規(guī)定輸入字段值的格式（正則校驗）
<input type="text" pattern="[0-9]">

更多input屬性

label

label點擊label標簽時，瀏覽器會自動觸發(fā)對應(yīng)將焦點轉(zhuǎn)到和標簽相關(guān)的表單元素上
label標簽的for屬性的值需要和對應(yīng)表單元素的id值相同
<form>
    <label for="male">男</label>
    <input type="radio" name="sex" value="male" id="male">
    <label for="female">Female</label>
    <input type="radio" name="sex" value="female" id="female">
</form>

更多l(xiāng)abel屬性

textarea

textarea多行文本輸入表單元素
可以通過rows和cols規(guī)定textarea尺寸
<textarea cols="30" rows="10"></textarea>

更多textarea屬性

select

select下拉菜單
<select>
    <option value="beijing" selected="selected">北京</option>
    <option value="shanghai">上海</option>
    <option value="shenzhen">深圳</option>
</select>

更多select屬性

查看瀏覽器支持情況