• 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,并获取焦点,失去焦点时,进行相反的过程。直接上代码。

  • 相关阅读:
    一本书
    在linux oracle 10g/11g x64bit环境中,goldengate随os启动而自己主动启动的脚本
    关于仿酷狗音乐播放器开源:寻求一套音乐播放器素材,让仿酷狗开源
    Cocos2d-x中Vector&lt;T&gt;容器以及实例介绍
    成都传智播客Java/PHP培训就业率高
    P1341 无序字母对
    P1168 中位数
    P1146 硬币翻转
    P1340 兽径管理
    P2023 [AHOI2009]维护序列
  • 原文地址:https://www.cnblogs.com/zhuhuoxingguang/p/5752883.html
Copyright © 2020-2023  润新知