兼容ie7以上的 placeholder属性-白红宇

兼容ie7以上的 placeholder属性

阅读量：6469 次

发布时间：2019-06-23

本文共 454 字，大约阅读时间需要 1 分钟。

最近项目踩过的坑，不考虑ie的可以拐弯绕路走了。

css3的新属性占位符 placeholder用着多舒服。

偏偏万恶的ie不支持，网上有几种方法是用焦点事件代替的，不过会失去原有的特性。一旦获取焦点或者失去焦点占位符的文字就会消失。

而placeholder是在输入文字时占位符的文字才会消失

强调一点，此方法只针对 input[type='text']，其他的不支持，比如passwrod

            
             Document

再列举一个支持passwrod的方法，比较猥琐，用一个label标签把input包起来，里面在加一个标签代替placeholder的文字

先做个样式，定位起来

        请输入密码

上面用的js方法写的，写到标签里的，大家喜欢jquery的写法的话，请看下面代码

转载于:https://www.cnblogs.com/wangjae/p/6723217.html

你可能感兴趣的文章

在properties.xml中定义变量，在application.xml中取值问题

struct和typedef struct

查看>>

RPC框架Thrift例子-PHP调用C++后端程序

查看>>

cell reuse & disposebag

查看>>

【故障处理】ORA-12545: Connect failed because target host or object does not exist

js判断移动端是否安装某款app的多种方法

查看>>

学习angularjs的内置API函数

查看>>

4、输出名称 Exported names

查看>>

paste工具

查看>>

Pre-echo(预回声)，瞬态信号检测与TNS

查看>>

【转载】如何发送和接收 Windows Phone 的 Raw 通知