attr方法不能改变input的type属性

2024-11-05

JQ无法修改input的type属性的替代解决方法

需要实现的效果:一个输入框,当输入框未获得焦点的时候,显示为 “请输入密码”:当输入内容并失去焦点的时候,输入内容显示为”*****”,如果没有输入仍然显示“请输入密码”: 方法一:使用text,隐藏域中,然后配合onkeypress.onkeyup.focus.blur等事件基本可以达到要求,此种方法比较麻烦: 方法二:用text和password一起 html: <input type="password" id="input_password" clas

修改input的type属性

在ff和chrome中是可以直接修改input的type属性的,但是在ie下面是不允许的. 用jquery 的attr方法去修改,在jquery1.8.3版本会直接抛出异常,但在1.9及以上版本就不再抛异常但无法修改成功. 要修改可以复制当前input对象,然后将本对象复制,插入当前位置后再将原对象删除.

JQuery中如何动态修改input的type属性

代码如下: jQuery(".member_id").focus(function() { jQuery(this).val(''); }).blur(function() { if(jQuery(this).val() == "") { jQuery(this).val("账号"); } }); jQuery(".member_passwd").focus(function() { jQuery(this).val('');

ie8下修改input的type属性报错

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

[Web 前端 ] Jquery attr()方法获取或修改对象的属性值

cp from : https://blog.csdn.net/gf771115/article/details/18086707 jquery中用attr()方法来获取和设置元素属性,attr是attribute(属性)的缩写,在jQuery DOM操作中会经常用到attr(),attr()有4个表达式. 1. attr(属性名) //获取属性的值(取得第一个匹配元素的属性值.通过这个方法可以方便地从第一个匹配元素中获取一个属性的值.如果元素没有相应属性,则返回 undefined ) 2.

[Liferay6.2.2]AUI的小坑：input的type属性

<aui:input name="name" label="姓名" value="<%=student.getName() %>" disabled="true"/> 界面上确是只显示label标签“姓名”,查看网页的dom结果,发现直接没有生成input元素. 尝试了以下,可以下只要加上type="text"即可正常显示. 然而,aui:input的type属性默认值就是text呀

js修改input的type属性问题

js修改input的type属性有些限制.当input元素还未插入文档流之前,是可以修改它的值的,在ie和ff下都没问题.但如果input已经存在于页面,其type属性在ie下就成了只读属性了,不可以修改.在ff下仍是可读写属性. 今天遇到个问题,输入框有默认值“密码”,但获得焦点时,“密码”两字会去掉,输入时直接变成”****“的password类型.很明显,一开始的时候,input的类型是text,后来变成了password类型.直观的思路是用js修改input的type类型.但ie下这么做

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

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

input的type属性

input的type属性:http://www.w3school.com.cn/tags/att_input_type.asp 基本语法: <input type="hidden" name="field＿name" value="value"> 作用: 1 隐藏域在页面中对于用户是不可见的,在表单中插入隐藏域的目的在于收集或发送信息,以利于被处理表单的程序所使用.浏览者单击发送按钮发送表单的时候,隐藏域的信息也被一起发送到服务器.

input的type属性的修改

记录一下成长的历程吧! 刚开始写,没什么文笔,也没什么技术含量,可能主要的是纪录一下平常工作学习中遇到的问题,以及解决的办法吧.或者只有问题,没有解决办法. 前两天项目中遇到的一个问题,由于之前一直没有在ie浏览器校验过登陆密码,所以一直没遇到过. 问题描述: 由于placeholder是html5的新属性,只有支持了html5的浏览器才支持placeholder,目前最新的firefox.chrome.safari以及ie10都支持,ie6到ie9都不支持. 所以在IE6-9上面如果是密码输入

微信小程序 input组件type属性3个值的作用

input组件是小程序的内容输入框组件,通常是这样来使用的: <input type="text" placeholder="输入点内容吧" /> 从文档中可以看到,type属性有三个值:text, number,digit.当我们使用这三个属性值,并在微信web开发者工具中查看效果的时候,其实是看不出来有什么差别的.但是如果在真机上进行预览,就能清楚的了解这三个值得功能区别了: 1) text 全键盘模式输入 <input type="

jauery改变inout的type属性报错type property can’t be changed

uncaught exception type property can’t be changed 使用代码$("#pwd").attr("type","password")时出现上面的错误. 猜测是该版本jQuery不允许修改控件type属性,使用原生js语句可以解决这个问题. $("#txtpwd").focus(function () { if ($(this).attr("type") == &qu

微信小程序 input 的 type属性 text、number、idcard、digit 区别

微信小程序的 input 有个属性叫 type,这个 type 有几个可选值: text:不必解释 number:数字键盘(无小数点) idcard:数字键盘(无小数点.有个 X 键) digit:数字键盘(有小数点) 注意:number 是无小数点的,digit 是有小数点的输入时键盘只能出现相应的数字键盘转发自:https://blog.csdn.net/yelin042/article/details/72519138

java面试题：当一个对象被当作参数传递到一个方法后，此方法可改变这个对象的属性，并可返回变化后的结果，那么这里到底是值传递还是引用传递?

答:是值传递.Java编程语言只有值传递参数. 当一个对象实例作为一个参数被传递到方法中时,参数的值就是该对象的引用一个副本.指向同一个对象,对象的内容可以在被调用的方法中改变,但对象的引用(不是引用的副本)是永远不会改变的. 1.Java中没有指针,所以也没有引用传递了,仅仅有值传递.不过,可以通过对象的方式来实现引用传递.类似java没有多继承,但可以用多次implements接口实现多继承的功能. 2.在Java应用程序中永远不会传递对象,而只传递对象的引用.因此是按引用传递对象.但重要的

js修改input的type属性问题（兼容所有浏览器，主要用于密码类的默认有提示文字的效果）

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>阿当制

elementUI MessageBox弹框 <el-dialog>弹框如果出现input的type属性为password。项目中用到日期组件的地方会报错

ElementUI:项目中如果用到MessageBox弹框的输入框input且type为password,以及用到<el-dialog>里面用到input且type为password.此时如果项目中也使用了时间日期选择组件则会出现如下情况: 凡是当前显示页面使用日期的地方报此错误.因为password是不可能不加的,所以解决这个问题只能强制给日期选择器加一个ID并且不同日期选择控件加不同的ID 错误出现诱因: 诱因1:MessageBox弹框的输入框input且type为password 诱

Input：type属性

1.button:定义可点击的按钮(通常与 JavaScript 一起使用来启动脚本). <input id="" type="button" name="" value="按钮" /><br /> 2.checkbox:定义复选框. <input id="" type="checkbox" name="" />男<br /&

struts之动态方法调用改变表单action属性

一.动态方法调用(DMI:Dynamic Method Invocation) ⒈struts2中同样提供了这个包含多个逻辑业处理的Action,这样就可以在一个Action中进行多个业务逻辑处理.例如:当用户通过不同的提交按钮来提交同一个表单的时候,系统通过不同的方法来处理用户不同的请求,这时候就需要让同一个Action中包含有多个控制处理的逻辑. ⒉动态方法调用有: ①.改变struts.xml中的action中的method属性. ②.改变form表单中的action属性来改变不同提交

前端 HTML form表单标签 input标签 type属性 file 上传文件

加上上传文件功能 input type='file' - 依赖form表单里一个属性 enctype="multipart/form-data" 加上这个属性表示把你上次文件一点一点点上传还有form表单action指向提交的url后台,一定是用post请求提交 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <

前端 HTML form表单标签 input标签 type属性 radio 单选框

<input type="radio"> 单选框适用于选择性别按钮网页等 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="x-ua-compatible" content="IE=edge"> <meta name

attr方法不能改变input的type属性

热门专题