DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> HTML基礎知識 >> HTML和Xhtml >> input標簽裡面的name與value的區別
input標簽裡面的name與value的區別
編輯:HTML和Xhtml     
type浏覽器中用於出入的控件(比方說type="text",這就是一個文本框;type="button",這就是一個按鈕)
type可選的值如下:
button 按鈕
checkbox 復選按鈕組件
file 文件上傳組件
hidden 隱藏域
image 圖片區域
password 密碼輸入文本框
radio 單選按鈕組件
reset 重置表單按鈕
submit 提交表單按鈕
text 文本輸入框
***********************************************************************
id是唯一標識符,不允許有重復值(類似數據表的主鍵,pk),可以通過它的值來獲得對應的html標簽對象。(如果在同一頁面代碼中,出現重復的id,會導致不可預料的錯誤)
js代碼:document.getElementById("id_value")
根據指定的id獲得它的對象引用
***********************************************************************
name和id的功能是一樣的,同樣用來標識html標簽,但唯一不同的是name允許有重復的值。
js代碼:document.forms[0].name或document.getElementsByName("name")
根據指定的name獲得它的對象引用數組
***********************************************************************
value代表某個html標簽的值
打個比方:<input type="text" name="seq" value="hello!" id="seq007" />
你將看到網頁中文本框的內容為“hello!”
///////////////////////////////////////////////////////////////////////
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<script>

</script>
</head>
<body>
<form>
<input type="text" name="seq" value="" id="seq001" />
<input type="text" name="seq" value="" id="seq002" />
<input type="text" name="seq" value="" id="seq003" />
</form>
</body>
</html>
///////////////////////////////////////////////////////////////////////
document.getElementById("seq001")獲得的是id=seq001的這個對象標簽的引用
document.forms[0].seq
將返回網頁中第一個表單裡面所有name=seq的標簽對象引用數組
document.getElementsByName("seq")
將返回網頁中所有name=seq的標簽對象引用數組
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved