表單元素

一系列元素，主要用于收集用戶數(shù)據(jù)

input 元素

輸入框

• type屬性：輸入框類型

type: text , 普通文本輸入框
type: password, 密碼輸入框
type: date, 日期選擇框，兼容性問題
type: search, 搜索框，手機端時右下腳的按鈕會變成搜索框
type: number, 數(shù)字輸入框
type: checkbox, 多選框
type: radio, 單選框

• value屬性：輸入框的值
• placehoder屬性：顯示提示的文本，如果文本框沒有內(nèi)容顯示

input元素可以制作按鈕，如果需要兼容很古老的用戶可以用input元素做按鈕，如果不需要兼容很古老的用戶，不用它做按鈕, 用button，現(xiàn)在都用button

當(dāng)type值為reset、button、submit時，input表示按鈕

select 元素

下拉列表選擇框

通常和option元素配合使用

textarea元素

文本域，多行文本框

按鈕元素

button

type屬性： reset、submit、button, 默認(rèn)值是submit

表單狀態(tài)

readonly屬性：布爾屬性，是否只能讀，不會改變表單顯示樣式

disabled屬性：布爾屬性，是否禁用，會改變表單顯示樣式

配合表單元素的其他元素

label

普通元素，通常配合單選和多選框使用

• 顯示關(guān)聯(lián)：

可以通過for屬性，讓label元素關(guān)聯(lián)某一個表單元素，for屬性書寫表單元素id的值

• 隱式關(guān)聯(lián)：見例子

datalist

數(shù)據(jù)列表

該元素不會顯示到頁面，通常用于和普通文本框配合使用

form

通常，會將整個表單元素，放置到form元素的內(nèi)容, 作用是當(dāng)提交表單時，會將form元素內(nèi)部的內(nèi)容以合適的方式提交到服務(wù)器。

form元素對開發(fā)靜態(tài)頁面沒有什么意義

fieldset元素

表單分組