- 基本用法:
<input type="" name="" value="">
- 其中
type
屬性的屬性值有如下幾種:
屬性值 | 描述 |
---|---|
button | 定義可點(diǎn)擊的按鈕 |
checkbox | 定義復(fù)選框 |
radio | 定義單選框 |
file | 用來上傳文件 |
image | 定義以圖形形式的提交按鈕 |
password | 定義密碼字段 |
reset | 定義重置按鈕 |
submit | 定義提交按鈕 |
text | 定義單行的文本輸入 |
-
name
屬性:- 當(dāng)使用單選框的時(shí)候弥虐,一組單選按鈕中的
name
值必須相同才能實(shí)現(xiàn)單選 - 復(fù)選框的時(shí)候,
name
的值也必須相同
- 當(dāng)使用單選框的時(shí)候弥虐,一組單選按鈕中的
-
value
屬性:- 設(shè)置默認(rèn)值
-
name
和value
一般是給后端使用的
- 對于單選和多選媚赖,還有一個(gè)
checkout
屬性霜瘪,表示默認(rèn)選中某一個(gè)
-
maxlength
- 他的值是正整數(shù),一般用來規(guī)定輸入字段中字符的最大長度
<label></label>
標(biāo)簽
-
label
標(biāo)簽一般和input
標(biāo)簽一塊使用惧磺。 - 在使用
label
標(biāo)簽和input
標(biāo)簽一塊使用的時(shí)候颖对,當(dāng)點(diǎn)擊label
標(biāo)簽中的內(nèi)容的時(shí)候,將會自動選中對應(yīng)表單元素(如單選框或者復(fù)選框)磨隘,以此來增加用戶體驗(yàn)缤底,用法如下
<label for="sex">男</label>
<input type="radio" name="sex" id="sex">
// 其中 input 中的 id 值要和 label 中的 for 里面的值相等