设置input隐藏并用js控制显示和隐藏

最新推荐文章于 2024-08-13 08:52:29 发布
最新推荐文章于 2024-08-13 08:52:29 发布
阅读量5.6w 收藏 13
点赞数 4
分类专栏： jquery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lovejavaloveworld/article/details/40589675
版权

style="visibility:hidden": 使对象在网页上隐藏,但该对象在网页上所占的空间没有改变.
style="display:none": 使对象在网页上彻底消失,不为被隐藏的对象保留物理空间.


<input id="pro" name="pro" style="display:none"> 

通过jquery操作来控制隐藏和显示

$("pro").show();

$("pro").hide();

详解:http://www.php100.com/html/program/jquery/2013/0905/5980.html

天机浮现
关注
专栏目录
js中的input 显示与隐藏
llt299022的博客
02-06 3906
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do
简单运用Javascript，使<input/>控制display属性div的显示隐藏
xhy1818xx的博客
10-26 3608
主要是运用了Jquery的css（）方法。 代码： html部分                          个人        公司 block; "> 个人 公司 javacript部分         $("#but_a").click(function () {                          
显示或隐藏文本框（js）
m0_73879433的博客
10-22 734
具体实现代码如下所示。
JavaScript (摘抄笔记)
最新发布
PieroPc的博客
08-13 396
显示与隐藏 \ 数字小写转中文大写 \日期与日期单号\生成二维码\搜索提示框示例\一键复制内容到剪贴板\导出CSV文件\单页设计\带搜索的商品分页 显示全部\中文转字母首字母\...
js 特效 html 特效 input框的隐藏显示
06-13
js 特效 html 特效 input框的隐藏显示
js实现input密码显示隐藏
07-13
密码显示隐藏
JS--input密码框数字显示与隐藏
weixin_52283867的博客
06-15 1052
前言 这个是js里的一个简单应用，我们只需要搞清楚input标签的属性，详情见下图： 与我们这次有关联的是password（这个是隐藏的）和text（这个是显示） <form action="#"> <input type="password" placeholder="请输入您的密码"> <img src="../img/close-eye.png" alt=""> </form> *{ m
javascript实现京东登录显示隐藏密码
10-15
这里我们获取了`<img>`元素（id为`eye`）和`<input>`元素（id为`pwd`），并用一个变量`flag`来追踪当前密码是否为显示状态。 ```javascript var eye = document.getElementById('eye'); var pwd = document....
利用JavaScript书写代码并用HTML格式:制作一个能显示和隐藏密码明文的简单网页
05-19
<input type="checkbox" id="showPassword" onchange="togglePasswordVisibility()"> <label for="showPassword">Show password ``` 这里使用了一个简单的 JavaScript 函数 `togglePasswordVisibility()` 来...
angularJs自定义过滤器实现手机号信息隐藏的方法
10-17
AngularJS是一种广泛使用于前端开发的JavaScript框架，它是由Google维护，并且随着互联网的发展，它在前端架构中占据着越来越重要的位置。AngularJS具有很多强大的特性，例如双向数据绑定、依赖注入以及过滤器等。...
ie8下修改input的type属性报错的解决方法
09-04
如果复选框被选中，会创建一个新的`<input type="text">`元素，并用旧输入框的`name`和`value`属性填充新元素。反之，如果复选框未被选中，则创建一个新的`<input type="password">`元素。这种方法有效地避开了IE8中...
js动态生成form 并用ajax方式提交的实现方法
11-24
在JavaScript中，动态生成表单（form）以及使用Ajax方式提交数据是一种常见的需求，尤其是在页面交互和异步数据处理中。下面将详细解释这个过程，包括如何创建动态表单、添加表单元素以及如何利用Ajax进行提交。 ...
js input 点击消失
skalpat的博客
04-04 465
<input name="mycall" type="text" id="mycall" value="请输入您的手机号码" onfocus="if (value =='请输入您的手机号码'){value =''}" onblur="if (value ==''){value='请输入您的手机号码'}" class="first" /> ...
通过使用简单的JavaScript的效果实现密码输入框显示与隐藏的效果
小杨的博客
07-03 3768
通过使用简单的JavaScript的效果实现密码输入框显示与隐藏的效果
jsp页面使用js 实现input文本框显示、隐藏
weixin_39559301的博客
08-11 6714
源码 <body> <form class="layui-form layui-from-header" lay-filter="phaseForm"> <input type="hidden" name="proPhaId" value="${param.proPhaId}" /> <div class="layui-row"> <div class="layui-col-md6"> <div class="la...
js获取到隐藏input的值以及js自执行函数
weixin_64854388的博客
02-27 995
js获取到隐藏input的值以及js自运行函数
JS赋值隐藏input并监听值变化
丨Anna丨的博客
02-21 1139
JS赋值隐藏input并监听值变化
JS input file图片上传预览效果
微微一芯的博客
04-21 1973
首先，可以先了解file 和FileReader 的API，在选取一个或者多个文件之后,访问到代表了所选文件的一个或多个File对象，这些对象被包含在一个FileList对象中。所有type属性(attribute)为file的元素都有一个files属性，用来存储用户所选择的文件。files有一个length属性和item方法，我们可以通过files[index]或者files.item(inde
Input的隐藏域
Horace's Blog
02-25 1870
hidden" name = "id" value = ""> 这种用法一般在于隐藏不希望用户看见的信息，在导向性页面跳转的时候，写在form表单之中，将伴随用户提交的请求将信息传送到下一个页面。实际上就是一个用于存放在表单被提交的时候需要提交却不需要被显示的参数值的一个容器。 我知道最后一句话有点难理解，简单句：实际上就是一个容器。
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值