input框改变type属性

1、HTML部分

<input name="password" type="password" id="pass"  placeholder="密码"/>
<button>显示密码</button>

2.JS部分

$(‘button‘).on(‘click‘,function(){
   //必须用原生JS
   var pass =  document.getElementById(‘pass‘);
   if(pass.type == ‘password‘){
       pass.type = "text";
       $("button").text(‘隐藏密码‘)
   } else {
       pass.type = ‘password‘;
       $("button").text(‘显示密码‘)
     };
})
时间: 2024-11-06 20:28:04

input框改变type属性的相关文章

input表单type属性值

<!-- input表单type属性值: --> <!-- type = "email" 限制用户输入必须为Email类型 --> email<input type="email"> <!-- type="url" 限制用户输入必须为URL类型 --> url<input type="url"> <!-- type="date" 限制用户输入

HTML &lt;input&gt; 标签的 type 属性

下面的表单拥有两个输入字段以及一个提交按钮: <form action="form_action.asp" method="get"> <p>First name: <input type="text" name="fname" /></p> <p>Last name: <input type="text" name="lname&

关于iso不兼容input框设置readonly属性后

苹果设备,对于输入框设置了readonly属性以后,还是会有光标显示.可以在input\textarea设置了readonly属性后,在script中增加:$('input[readonly]').on('focus', function() {$(this).trigger('blur');});就不在显示光标了.动态生成元素的点击事件$(document).on("click",'.class1,.class2,...',function(){})或$('.class1,.clas

jQuery如何获取指定type属性值的input元素

jQuery遍历input文本框并获取input的name属性值:因为input标签的type属性是多种多样的,例如text.radio.checkbox等,但是实际应用中往往需要获取某一类属性值的input元素,下面就通过实例简单介绍一下.代码实例如下: $("input:text", document.forms[0]).each(function(){alert(this.name)}); 以上代码可以获取type属性值为text的input元素,并且遍历弹出它们的name属性值

html中input标签相关的属性

1. input标签的type属性 属性 值 描述 type button 定义可点击按钮(多数情况下,用于通过 JavaScript 启动脚本). file 定义输入字段和 "浏览"按钮,供文件上传. checkbox 定义复选框. hidden 定义隐藏的输入字段. image 定义图像形式的提交按钮. password 定义密码字段.该字段中的字符被掩码. radio 定义单选按钮. reset 定义重置按钮.重置按钮会清除表单中的所有数据. submit 定义提交按钮.提交按钮

jquery改变input的type属性

今天在做一个登录页面时,当我把input的type属性值设置为password后,input的默认值被“*”替换(图一),导致输入框不能正常提示用户输入信息,代码如下: 1 <input type="password" class="text-input fs pass" value="请输入密码"> (图一) 如果把密码输入框的type属性更改为text后,不利于密码输入时的保密性.所以需要在密码输入框获得焦点时通过jquery的a

jquery中input复选框的checked属性

在今日的多选,反选,全选试验中,关于通过jQuery方法来实现复选框的选中与否问题,我有了以下发现: 1.不能通过.css('checked','checked')方法来设置或者获取复选框的checked属性,在控制台打印输出.css('checked'),结果为undefined, 不管在HTML中是否设置了checked='checked'; 2.通过attr添加属性即.attr('checked','abc'),会给HTML中input所在处添加checked='checked'这样的代码

ie8下修改input的type属性报错

摘要: 现在有一个需求如图所示,当用户勾选显示明文复选框时,要以明文显示用户输入的密码,去掉勾选时要变回密文,刚开始想到的就是修改输入框的type来决定显示明文还是密文,使用jQuery的attr来做试验,测试结果是chrome,Firefox,ie9+都是好的,在ie8以下就会报错,查找了下原因,ie8中是不允许修改input的type属性,最终换了种思路实现. 当勾选显示明文时替换输入框为type="text",不勾选时在将输入框替换为type="password&quo

html5 input的type属性启动数字输入法

html5 input的type属性启动数字输入法 当文本框只能输入数字是一个很常见的需求,比如电话号码,身份证号,卡号, 数量....等等只允许数字输入,为了更好的用户体验性,直接写出 启动数字键盘的需求,我和大多数人一样用   this.style.imeMode='disabled'; imeMode有四种形式,分别是: active 代表输入法为中文inactive 代表输入法为英文auto 代表打开输入法 (默认)disable 代表关闭输入法 发现在Android手机上是不行的. 解