html input hiden,input hidden属性

今天用到了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函数就可以了

html input hiden,input hidden属性相关推荐

input隐藏传值php,使用HTML中input标签的hidden发送隐藏数据的方法
input是一个标签,也可以称为组成表单的部件,通过改变type属性,可以输入各种格式.使用type属性,还可以输入单行文本输入和密码,复选框,单选按钮和文件,本篇文章我们就来看看input标签的hi ...
【input 标签的 type 属性详解】
input 标签的 type 属性详解 1. input 输入标签的 type 属性 1.1 input 标签的 type类型属性的常用属性值 ⑴ 单行文本框: type="text&qu ...
input标签的value属性详解
请结合这篇文章一起看 input 标签的 value 属性的作用是由 input 标签的 type 属性的值决定的当 type 的取值为 button.reset.submit 中的其中一个时,此时 ...
angular学习笔记(四)- input元素的ng-model属性
input元素的ng-model属性: 用于将input的值和变量的值进行双向绑定 <!DOCTYPE html> <html ng-app> <head>< ...
input标签加disabled属性后无法获得其value值
在做网站时,由于某些信息不能修改,故使用了input标签的disabled属性, 但是在提交数据后却发现显示为空了.后来一查才知道input设置为disabled值时会有下面的限制: 1.不能接收焦点 ...
input里面只有name属性可以用id定位么_Selenium元素定位提高篇 CSS定位元素
CSS(Casading Style Sheets)是一种用于渲染HTML或者XML文档的语言,CSS利用其选择器可以将样式属性绑定到文档中的指定元素.理论上来说无论一个元素定位多复杂都能够定位到元素 ...
如何用jquery动态改变 input 输入框的readonly属性及CSS样式
样例 <style type="text/css">.disable{background-color: #d2d2d2;} </style><div ...
安卓微信浏览器无法支持input multiple的h5属性多图上传
H5手机端实现多图上传的功能但是实际上安卓手机上只能义词上传一张图片(测试的机型:小米)代码如下: 在微信开发中遇见一个问题应用上传插件安卓手机无法进行多张上传当时现象: 微信浏览器选择安卓 ...
html中input标签中type属性小总(包含html5新增表单属性)
前言 HTML5新增了许多属性和方法,其中一些就有input标签中 type属性. 有关于input中type的全部可取值如下 1.button 2.text 3.time(会呈现表的形状) 4. ...

html input hiden,input hidden属性

html input hiden,input hidden属性相关推荐

最新文章

热门文章