input的type属性的修改

记录一下成长的历程吧!

刚开始写,没什么文笔,也没什么技术含量,可能主要的是纪录一下平常工作学习中遇到的问题,以及解决的办法吧。或者只有问题,没有解决办法。

前两天项目中遇到的一个问题,由于之前一直没有在ie浏览器校验过登陆密码,所以一直没遇到过。

 

问题描述:

由于placeholder是html5的新属性,只有支持了html5的浏览器才支持placeholder,目前最新的firefox、chrome、safari以及ie10都支持,ie6到ie9都不支持。

所以在IE6-9上面如果是密码输入框的话,并且有类似于“请输入密码”这样的占位符提示的话,就需要将input属性type在text和password之间不停的来回切换。

但是在jquery中,“type属性是 read/write-once 的,只在初始化时set”,所以无法通过$(ele).attr(‘type’, ‘password’)来修改,那么原生js呢?依然是在ie下不支持document.getElementById(id).type = ‘password’,所以原则上就只能逼迫换个思路来解决问题。

页面中写入两个input

<input type="password" data-holder="密码" style="display:none;">

<input type="text" value="密码" data-holder="密码">

初始化时,将type=passwordinput隐藏,当获取input[type=’text’]焦点时,将自己隐藏,显示type=passwordinput,并获取焦点,失去焦点时,进行相反的过程。直接上代码。

 

 

转载于:https://www.cnblogs.com/zhuhuoxingguang/p/5752883.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/418197.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

程序 进程 线程

并行&#xff1a;再球场上&#xff0c;每个人都有篮球&#xff0c;都自己玩自己的 并发&#xff1a;只有一个球&#xff0c;一堆人玩 球&#xff08;CPU&#xff09; 人&#xff08;线程&#xff09; t1这个线程对象&#xff0c;是再主线程造的&#xff0c;以及执行t1.start…

ActiveMQ入门实例

1.下载ActiveMQ 去官方网站下载&#xff1a;http://activemq.apache.org/ 2.运行ActiveMQ 解压缩apache-activemq-5.5.1-bin.zip&#xff0c;然后双击apache-activemq-5.5.1\bin\activemq.bat运行ActiveMQ程序。 启动ActiveMQ以后&#xff0c;登陆&#xff1a;http://localhost…

前端癖

https://github.com/whqet/Fed-Hobby 前端癖 前端癖&#xff0c;前端开发学习资源集散地&#xff0c;分享前端开发相关的学习资源。 欢迎大家加入QQ群前端癖(333278649)交流学习。 前端导航目录 大神国际国内团队国内团队资讯技术周刊技术社区技术博客灵感创意评奖案例交流资源…

Thread类的有关方法以及优先级

线程中的常用方法 线程的优先级&#xff1a; 线程优先级设置的高&#xff0c;只是说明CPU优先处理该线程的概率高&#xff0c;而不是先处理优先级高的

前端学习(2056):初识vue.js

MVVM模式 jquery.js <!DOCTYPE html> <html lang"en"><head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, initial-scale1.0"><meta http-equiv"X-UA-Compatible&q…

什么是响应式网页

什么是响应式网页 2000: 塞班、黑莓&#xff0c;GPRS&#xff0c;2.5G&#xff0c;可以浏览WML网页 2008: iOS/Linux&#xff0c;3G&#xff0c;Safari&#xff0c;可以浏览HTML网页 Android/Linux&#xff0c;Chrome&#xff0c;可以浏览HTML网页 Responsive Web Page 响应式/…

HttpWebRequest类

HttpWebRequest类与HttpRequest类的区别。 HttpRequest类的对象用于服务器端&#xff0c;获取客户端传来的请求的信息&#xff0c;包括HTTP报文传送过来的所有信息。而HttpWebRequest用于客户端&#xff0c;拼接请求的HTTP报文并发送等。 HttpWebRequest这个类非常强大&#xf…

比较创建几种线程的方式

JDK5.0新增的创建多线程的方式&#xff1a; 新增一&#xff1a; //创建多线程的方式三&#xff1a;callabe;import java.util.concurrent.Callable; import java.util.concurrent.ExecutionException; import java.util.concurrent.FutureTask;//1.创建一个Callable的实现类 c…

线程的安全问题

解决方法一: 注意:在synchronized中的同步监视器&#xff08;锁&#xff09;只能是唯一的。 方式二&#xff0c;同步方法 方法三&#xff1a; lock() lock锁 public class ThreadTest6 {public static void main(String[] args) {Window w new Window();Thread t1 new Thre…

数据的个人视角:数据可视化的意义

当谈论到数据可视化对个人用户的实用价值时&#xff0c;很多人可能会想到它仅适用于企业或专业领域。然而&#xff0c;数据可视化对个人用户同样具有重要的实用价值。本文将从可视化从业者的角度出发&#xff0c;简单说说数据可视化对个人用户的实用价值。 首先&#xff0c;数…

线程的通信

//线程通信 //线程1 线程2 交替打印1——100 //wait()和notify()方法需要在一个监视器的同步代码块 中或者是同一个同步方法中// wait()&#xff1a;线程从运行状态进入阻塞状态&#xff0c;并且释放锁 // notify():一旦执行此方法就会唤醒被wait的一个线程&#xff0c;如果多个…