关于

input

，

type

为

hidden

的问题

关于

input

，

type

为

hidden

的问题

2011-04-28 13:30

今天培训说到了

input

标签的

type

属性设置为

hidden

。

原来⼀直没有这么⽤过，仔细询问，查下来，⼤概有了理解。

看看

w3school

怎么说的：

Html  Dom  Hidden 

对象

Hidden 

对象代表⼀个

 HTML 

表单中的某个隐藏输⼊域。

这种类型的输⼊元素实际上是隐藏的。这个不可见的表单元素的

 value 

属性保存了⼀个要提交

给

 Web 

服务器的任意字符串。如果想要提交并⾮⽤户直接输⼊的数据的话，就是⽤这种类型

的元素。

在

 HTML 

表单中

标签每出现⼀次，⼀个

 Hidden 

对象就会被创建。

您可通过遍历表单的

 elements[] 

数组来访问某个隐藏输⼊域，或者通过使⽤

document.getElementById()

。

【经我发现，雅虎中国的注册主页存在很多这样的

input

，均设置有

id

名和

name

属性，可以认为

⽤获取

id

的这种⽅法⽐较好】

⽤途：

input  type=hidden 

元素不会显⽰在⽂档⾥，所以⽤户也⽆法操作该元素。该元素通常⽤

来传输⼀些客户端到服务器的状态信息。虽然此元素不会显⽰出来，但是⽤户可以通过查看

HTML 

的源代码看到该元素属性的值，所以请注意，不要⽤该元素传递敏感信息，⽐如密码什

么的。

最后说说⽼蔡给我讲的实际应⽤⽅⾯的理解：

⼀、⽐如说要提交表单，在处理页⾯上为了判断页⾯是第⼀次打开的

,

还是从别的页⾯直接到我

的处理页⾯的

,

那么我加⼀个

input,type

为

hidden,value="YES"

，那么处理页⾯就可以先判断这

个

hidden

的

value

是不是

YES

来判断是不是从有这个

hidden

的页⾯提交的。

⼆、⽐如说⼀个页⾯要承载两个功能，⼀个是添加

,

⼀个是修改。我可以放⼀个

input

，它的

type

为

hidden

。修改的

value

赋值为

update

，添加的

value

赋值为

insert

。那么我的处理页⾯就可以去

判断了

,

到底是修改还是要添加（但是说防别的站点直接提交到我的处理页⾯

,

是不⽤这个来判断

的）

此外再就像⼩新⽼师说的那样：

因为

input

兼容难调，所以许多⽤

js+

其他标签来模拟

input

（这种看起来像表单但不是

input

标签

的，就是模拟表单）。

这样和后台交互，需要有

input

，但是⼜不能

input

显⽰。所以就设置

type

为

hidden

。

最后在提交前把对应的

input

值改成模拟表单中的值，然后⽤⼀个

submit

函数就可以了。