在IE9中实现placeholder功能

本文介绍了如何在不支持placeholder属性的IE9中,通过JavaScript模拟实现文本框和密码输入框的placeholder效果。详细讲述了基本思路和实现方法,包括设置value值、字体颜色以及处理密码输入框的特殊情况。同时,文章提及在不同浏览器间兼容性的处理,并提到了将这种方法封装成插件的可能性。
摘要由CSDN通过智能技术生成

分享一下我老师大神的人工智能教程!零基础,通俗易懂!http://blog.csdn.net/jiangjunshow

也欢迎大家转载本篇文章。分享知识,造福人民,实现我们中华民族伟大复兴!

                       

placeholder是文本框用来提示内容的属性,比如:

<input id="txt" type="text" name="account" placeholder="请输入帐号">
  
  
  
  • 1

会显示为:
这里写图片描述
然而IE9不支持此属性,可以使用js来简单模拟placeholder行为。

我的基本思路是为输入框设置value值,并设置字体颜色,根据输入框内容模拟placeholder。

对于密码输入框placeholder属性的实现,我的思路是添加一个普通的文本输入框在密码框的位置,当点击输入框的时候隐藏它,显示原本的密码输入框并设置焦点。

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title></title>    <script src="../jquery.js">
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值