input的type属性的修改
2024-10-15 13:47:14
记录一下成长的历程吧!
刚开始写,没什么文笔,也没什么技术含量,可能主要的是纪录一下平常工作学习中遇到的问题,以及解决的办法吧。或者只有问题,没有解决办法。
前两天项目中遇到的一个问题,由于之前一直没有在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=password的input隐藏,当获取input[type=’text’]焦点时,将自己隐藏,显示type=password的input,并获取焦点,失去焦点时,进行相反的过程。直接上代码。
最新文章
- Mysql 中文乱码(Navicat for MySQL)
- html5对密码加密
- iOS解析数据时Error=3840
- BZOJ4386 : [POI2015]Wycieczki
- 剑指offer--面试题15
- mediawiki数据库的下载地址及导入方法
- 关于这两天研究Java打印pdf方法的记录
- PHP HTTP
- 开源 一行代码实现多形式多动画的推送小红点WZLBadge(iOS)-备用
- 时间TDateTime相当于是Double,即双精度数64位,终于查到它用11位表示e,53位表示精度(整数小数一起),最前面一位表示正负
- 关于解决“No matching provisioning profiles found”问题-ios
- Asp.Net MVC 之 Autofac 初步使用3 集成web api
- GCD之信号量机制二
- Jmeter下载时Binaries和Source两类包的区别
- BZOJ_2460_[BeiJing2011]元素_线性基
- eclipse创建spring boot项目,tomcat启动成功,但http://localhost:8080无法访问报错404解决方案
- [亲身实践]linux命令行下配置网路
- uiautomator:Error while obtaining UI hierarchy XML file: com.android.ddmlib.SyncException: Remote object doesn&#39;t exist!
- x$ksppi与x$ksppcv查询隐藏参数
- 使用word 2010 发布csdn博客
热门文章
- BZOJ4134 : ljw和lzr的hack比赛
- [FlyCapture2] Bumblebee XB3 Save Images to Three AVI Files (Left, Center and Right) 大黄蜂立体相机保存捕获的视频到左中右三个不同的文件
- 懒加载 字典转模型 自定义cell
- C# - DataValid数据验证类
- 配置SMarty解析
- PHP 错误与异常 笔记与总结(3)PHP 配置文件(php.ini)中与错误相关的选项 与 设置错误级别
- Yii源码阅读笔记(十七)
- selenium弹窗关闭
- MySQL字段之集合(set)枚举(enum)
- PHP关闭提示、打印配置