表單中的隱藏域hidden

2012/11/21 19:16:54作者：佚名來源：網(wǎng)絡(luò)

移動端

【實(shí)例介紹】

表單中的隱藏域hidden

隱藏域在頁面中對于用戶來說是看不見的。在表單中插入隱藏域的目的在于收集和發(fā)送信息，以便于被處理表單的程序所使用。發(fā)送表單時(shí)，隱藏域的信息也被一起發(fā)送到服務(wù)器。

【基本語法】

【語法介紹】

通過將type屬性設(shè)置為hidden，可以根據(jù)需要在表單中使用任意多的隱藏域。

【實(shí)例代碼】


<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>隱藏域</title>
</head>
<body>
<table width="100%" cellspacing="0" cellpadding="0">
  <tr>
    <td><form action="mailto:weixiaofoxw.com" name="form1" method="post" enctype="application/x-www-form-urlencoded"target="_blank" >
      <p>　　　　　　　會員登錄</p>
      <p>賬號：　
        
        <input name="textfield" type="text" size="25" maxlength="15" />
      </p>
      <p>密碼：
  　 
        <input name="textfield2" type="password" value="abcdef"　size="25" maxlength="6" />
        <input type="hidden" name="hiddenField" id="hiddenField"value="1" />
      </p>
      <p>
   　　　　          
     <input type="image" name="imageField" id="imageField" src="../8.2.8/images/enter.jpg" />
      </p>
</form></td>
  </tr>
</table>
</body>
</html>

【代碼分析】

在代碼中，加粗的<input name="hiddenField"type="hidden"value="1">標(biāo)記將隱藏域的名稱設(shè)置為hiddenField，取值設(shè)置為1，在瀏覽器中瀏覽，效果如圖所示，即隱藏域的內(nèi)容不可見。

隱藏域hidden運(yùn)行效果