JS中input表单隐藏域及其使用方法


Posted in Javascript onFebruary 13, 2017

一、表单隐藏域

隐藏域是用来收集或发送信息的不可见元素,对于网页的访问者来说,隐藏域是看不见的。当表单被提交时,隐藏域就会将信息用你设置时定义的名称和值发送到服务器上。

代码格式:

<input type="hidden" name="..." value="...">

属性解释:

type=”hidden”定义隐藏域;

name属性定义隐藏域的名称,要保证数据的准确采集,必须定义一个独一无二的名称;

value属性定义隐藏域的值

例如:

<input type=”hidden” name=”ExPws” value=”dd”>

其实说白了就隐藏域不在前台显视的,跟表单的元素一样.有名字有数值,只是在提交数据是不可见的

二、隐藏域的使用

隐藏域的使用,就是从表中取值ID值,或者别的变量值,但在页面中不显示,然后经过的递交到新一页,通过request.form(“隐藏域名的name”)取出值。

举例说明:

、<input type=hidden name=coun value=<%=cc%>这里的隐藏域名为coun,值为<%=cc%>,假设前面cc=100的话,即值为100;

2、递交表单到新页面xx.asp;

3、在xx.asp页中,使用request.write request.form(“coun”),则在页面中显示的值就是100

简单来说就是:想要提取上一页的某些信息,但在上一页又不能显示的这些东西就采用藏域

三、隐藏域的作用

1 隐藏域在页面中对于用户是不可见的,在表单中插入隐藏域的目的在于收集或发送信息,以利于被处理表单的程序所使用。浏览者单击发送按钮发送表单的时候,隐藏域的信息也被一起发送到服务器。

2 有些时候我们要给用户一信息,让他在提交表单时提交上来以确定用户身份,如sessionkey,等等.当然这些东西也能用cookie实现,但使用隐藏域就简单的多了.而且不会有浏览器不支持,用户禁用cookie的烦恼。

3 有些时候一个form里有多个提交按钮,怎样使程序能够分清楚到底用户是按那一个按钮提交上来的呢?我们就可以写一个隐藏域,然后在每一个按钮处加上onclick=”document.form.command.value=”xx”“然后我们接到数据后先检查command的值就会知道用户是按的那个按钮提交上来的。

4 有时候一个网页中有多个form,我们知道多个form是不能同时提交的,但有时这些form确实相互作用,我们就可以在form中添加隐藏域来使它们联系起来。

5 javascript不支持全局变量,但有时我们必须用全局变量,我们就可以把值先存在隐藏域里,它的值就不会丢失了。

6 还有个例子,比如按一个按钮弹出四个小窗口,当点击其中的一个小窗口时其他三个自动关闭.可是IE不支持小窗口相互调用,所以只有在父窗口写个隐藏域,当小窗口看到那个隐藏域的值是close时就自己关掉。

以上所述是小编给大家介绍的JS中input表单隐藏域及其使用方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
js网页侧边随页面滚动广告效果实现
Apr 14 Javascript
缓动函数requestAnimationFrame 更好的实现浏览器经动画
Dec 07 Javascript
Javascript加载速度慢的解决方案
Mar 11 Javascript
详解AngularJS中的依赖注入机制
Jun 17 Javascript
理解js回收机制通俗易懂版
Feb 29 Javascript
js实现内容显示并使用json传输数据
Mar 16 Javascript
浅析Javascript ES6中的原生Promise
Aug 25 Javascript
js使用i18n实现页面国际化的方法
May 09 Javascript
Mui使用jquery并且使用点击跳转新窗口的实例
Aug 19 jQuery
JS实现数组去重,显示重复元素及个数的方法示例
Jan 21 Javascript
element-ui 远程搜索组件el-select在项目中组件化的实现代码
Dec 04 Javascript
javascript实现智能手环时间显示
Sep 18 Javascript
浅谈键盘上回车按钮的js触发事件
Feb 13 #Javascript
jQuery源码分析之init的详细介绍
Feb 13 #Javascript
AngulerJS学习之按需动态加载文件
Feb 13 #Javascript
JavaScript获取ul中li个数的方法
Feb 13 #Javascript
JavaScript中数组的各种操作的总结(必看篇)
Feb 13 #Javascript
JS实现选定指定HTML元素对象中指定文本内容功能示例
Feb 13 #Javascript
利用js判断手机是否安装某个app的多种方案
Feb 13 #Javascript
You might like
手把手教你使用DedeCms V3的在线采集图文教程
2007/04/03 PHP
PHP 中魔术常量的实例详解
2017/10/26 PHP
PHP绕过open_basedir限制操作文件的方法
2018/06/10 PHP
php的lavarel框架中join和orWhere的用法
2020/12/28 PHP
基于jquery的弹出提示框始终处于窗口的居中位置(类似于alert弹出框的效果)
2011/09/28 Javascript
javascript实现可改变滚动方向的无缝滚动实例
2013/06/17 Javascript
JavaScript实现url地址自动检测并添加URL链接示例代码
2013/11/12 Javascript
浅析node.js中close事件
2014/11/26 Javascript
20个实用的JavaScript技巧分享
2014/11/28 Javascript
jQuery与getJson结合的用法实例
2015/08/07 Javascript
深入学习AngularJS中数据的双向绑定机制
2016/03/04 Javascript
JS随机洗牌算法之数组随机排序
2016/03/23 Javascript
Bootstrap表单布局样式源代码
2016/07/04 Javascript
jQuery监听浏览器窗口大小的变化实例
2017/02/07 Javascript
老生常谈combobox和combotree模糊查询
2017/04/17 Javascript
jquery ajax异步提交表单数据的方法
2017/10/27 jQuery
记React connect的几种写法(小结)
2018/09/18 Javascript
NodeJs实现简易WEB上传下载服务器
2019/08/10 NodeJs
详解小程序如何改变onLoad的执行时机
2019/11/01 Javascript
vue跳转页面的几种方法(推荐)
2020/03/26 Javascript
Python转码问题的解决方法
2008/10/07 Python
Python functools模块学习总结
2015/05/09 Python
python 对txt中每行内容进行批量替换的方法
2018/07/11 Python
python求最大值最小值方法总结
2019/06/25 Python
Python BeautifulReport可视化报告代码实例
2020/04/13 Python
解决安装新版PyQt5、PyQT5-tool后打不开并Designer.exe提示no Qt platform plugin的问题
2020/04/24 Python
一款利用html5和css3动画排列人物头像的实例演示
2014/12/05 HTML / CSS
世界上最好的旅行夹克:BauBax
2018/12/23 全球购物
利用promise及参数解构封装ajax请求的方法
2021/03/24 Javascript
英语专业毕业生求职简历的自我评价
2013/10/24 职场文书
有关九一八事变的演讲稿
2014/09/14 职场文书
2015年学生会工作总结范文
2015/03/31 职场文书
正规借条模板
2015/05/26 职场文书
追讨欠款律师函
2015/05/27 职场文书
《攀登者》:“海拔8000米以上,你不能指望任何人”
2019/11/25 职场文书
React Native项目框架搭建的一些心得体会
2021/05/28 Javascript