input標簽里面的name與value的區(qū)別

字號:


    type瀏覽器中用于出入的控件,大家可以簡單的看下。
    type瀏覽器中用于出入的控件(比方說type="text",這就是一個文本框;type="button",這就是一個按鈕)
    type可選的值如下:
    button 按鈕
    checkbox 復選按鈕組件
    file 文件上傳組件
    hidden 隱藏域
    image 圖片區(qū)域
    password 密碼輸入文本框
    radio 單選按鈕組件
    reset 重置表單按鈕
    submit 提交表單按鈕
    text 文本輸入框
    ***********************************************************************
    id是唯一標識符,不允許有重復值(類似數(shù)據(jù)表的主鍵,pk),可以通過它的值來獲得對應(yīng)的html標簽對象。(如果在同一頁面代碼中,出現(xiàn)重復的id,會導致不可預料的錯誤)
    js代碼:document.getElementById("id_value")
    根據(jù)指定的id獲得它的對象引用
    ***********************************************************************
    name和id的功能是一樣的,同樣用來標識html標簽,但唯一不同的是name允許有重復的值。
    js代碼:document.forms[0].name或document.getElementsByName("name")
    根據(jù)指定的name獲得它的對象引用數(shù)組
    ***********************************************************************
    value代表某個html標簽的值
    打個比方:<input type="text" name="seq" value="hello!" id="seq007" />
    你將看到網(wǎng)頁中文本框的內(nèi)容為“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
    將返回網(wǎng)頁中第一個表單里面所有name=seq的標簽對象引用數(shù)組
    document.getElementsByName("seq")
    將返回網(wǎng)頁中所有name=seq的標簽對象引用數(shù)組