Html中value和name屬性的作用及其使用介紹

2019-10-26 17:13:42

字體：大中小

供稿：網(wǎng)友

1.按鈕中用的value 指的是按鈕上要顯示的文本比如“確定”“刪除”等

2.復(fù)選框用的value 指的是這個(gè)復(fù)選框的值

3.單選框用的value 和復(fù)選框一樣

4.下拉菜單用的value 是列表中每個(gè)子項(xiàng)的值

5.隱藏域用的value 是框里面顯示的內(nèi)容

在后臺(tái)如果你想得到復(fù)選框的內(nèi)容就是value 來(lái)取
當(dāng)你在接收表單數(shù)據(jù)的頁(yè)面中獲取數(shù)據(jù)時(shí)，得到的就是value的值

1. name是控件的名稱（多個(gè)控件可以取同一個(gè)名稱），value是控件的值；
2. 并不是所有控件的value都會(huì)顯示出來(lái)，比如 checkbox, radio, hidden；
3. 定義控件的 name和value 就可以在服務(wù)器上獲取這個(gè)控件和它的值；
4. 沒(méi)看到 submit 的name，并不表示瀏覽器忽略了它的 name，在提交之前它也被瀏覽器定義了 name，在服務(wù)器上一樣可以得到它的 name 和 value；
5. 控件不定義name/value也可以顯示，只是為了方便在服務(wù)器接收和區(qū)別，才定義它的 name/value，當(dāng)然按鈕的 value 不光是存放它的值，也用來(lái)顯示。
[code]
<html>
<select>
<option value="1">Flowers</option>
<option value="2" selected="selected">Gardens</option>
<option value="3">Trees</option>
</select>
<form>
<input type="checkbox" name="newsletter" checked="checked" value="Daily" />vjn
<input type="checkbox" name="newsletter" value="Weekly" />bvc
<input type="checkbox" name="newsletter" checked="checked" value="Monthly" />cvb
</form>
<input type="button" value="確定"/>
<SPAN style="WHITE-SPACE: pre"> <input type="text" value="請(qǐng)輸入內(nèi)容"/> </SPAN>
</html>