表单中的隐藏域hidden

2012/11/21 19:16:54作者：佚名来源：网络

移动端

【实例介绍】

表单中的隐藏域hidden

隐藏域在页面中对于用户来说是看不见的。在表单中插入隐藏域的目的在于收集和发送信息，以便于被处理表单的程序所使用。发送表单时，隐藏域的信息也被一起发送到服务器。

【基本语法】

【语法介绍】

通过将type属性设置为hidden，可以根据需要在表单中使用任意多的隐藏域。

【实例代码】


<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">标记将隐藏域的名称设置为hiddenField，取值设置为1，在浏览器中浏览，效果如图所示，即隐藏域的内容不可见。

隐藏域hidden运行效果