```javascrip<input type ="text">``` 文本框
? 特點: 單行? ,用戶可以 在其中輸入 文本內(nèi)容
只讀 文本框 :
在文本框 中 加入 屬性 readonly="readonly" , 一般用于 某些 不可修改的信息 的展示
```<input type="password"> ``` 密碼框
? 特點: 輸入時 不顯示 具體內(nèi)容 , 安全性較高
```<input type="submit">```? 提交按鈕
?特點: 點擊該按鈕后, 會自動 提交 該按鈕 所在的 <form> 表單
?表單會被提交到 后臺服務器 , 通過 <form>的 action 屬性 指定 提交到服務器的url地址
```<input type="hidden">``` 隱藏域
使用場景: 希望表單 向后臺提交 某個數(shù)據(jù)(比如編號), 但又不希望 在表單中 顯示給用戶
?```<textarea> </textarea>``` 文本域
? 一般用來 填寫 評論,回復 , 描述
? 適合于 填寫 大量 文本 (多行文本)?
? 尺寸 具體根據(jù) 實際 需要 限定
```<input type="button">```? 普通按鈕
? 不同與 提交按鈕, 點擊該按鈕后, 不會 觸發(fā) 表單的提交
? 可以借助于該類 按鈕 實現(xiàn) "取消"按鈕的功能?
? 注意: 一個表單中 只需要 一個 submit (提交)按鈕 , 但普通按鈕可以有多個
?```<input type="reset">``` 重置按鈕
? 點擊該按鈕, 會將 表單元素的 值 還原到 初始狀態(tài) (注意: 不一定是清空表單元素的值 )? ?
? 表單元素的 初始值 可以通過 value 屬性進行 預設
?```<input type="image" src="圖片路徑">``` 圖片按鈕
?```<input type="checkbox"> ```復選框
? 用戶可以勾選一個 , 也可勾選多個
```<input type="radio">```? 單選按鈕
? 一組單選按鈕 是 互斥的, 只能選中其中一個
? name屬性值 相同的 單選 按鈕 為 一組 , 組內(nèi)互斥 , 組與組之間 不互斥? ?
?```<select>?
? ??<option> </option>
</select>
```
?<option>?下拉框
下拉框 子標簽?
一個 <select> 往往 包含多個 <option>
下拉框 和 文本框 對比:
下拉框 減少了 用戶的 輸入 , 同時 保證了 數(shù)據(jù)的 準確性
只適用于 值得種類 是有限的 , 比較少
<option> 的 value屬性 一般 設置為 具體的編號 (比如 省份編號, 部門編號, 年級編號...)
而 <option> </option> 之間的 文本 只用作 方便 用戶 閱讀-選擇
默認選中問題:
1.下拉框默認選中某一項 :? 在 默認要選中的 option 中加入 屬性selected="selected"
2.復選框 默認勾選某幾項 : 在要默認勾選的復選框中加入屬性 checked="checked"
3.單選按鈕 默認選中某一項: 在要 默認點選的 單選按鈕中 加入屬性 checked="checked"?
禁用 表單元素
在表單元素 中加入 disabled="disabled" , 可以禁用文本框, 可以禁用 按鈕 , 復選框 ...
特點: 禁用之后, 元素的值 將 不再參與 表單的提交 , 不再 向 后臺服務器 發(fā)送 該禁用元素的 值
常見的應用場景 : 用戶修改密碼時, 先要求輸入舊密碼 , 在舊密碼 正確輸入之前, 確認修改 按鈕 處于 disabled 狀態(tài)
? ? ? ? ? ? ? ? ? 舊密碼輸入正確時, 通過 JavaScript 將 按鈕的 disabled 屬性 移除
<label>標簽
用于 標記 某個 文本框 , 通過 label的 for屬性 指向 對應文本框的 id屬性值 , 以此 建立起 label 和 文本框的 關聯(lián)關系
點擊 label , 其 綁定的 文本框 自動獲取 焦點 , 增大 用戶 鼠標 點擊的 命中率
