this.value = this.placeholder || this.getAttribute('placeholder')

最新推荐文章于 2021-02-13 12:30:41 发布
最新推荐文章于 2021-02-13 12:30:41 发布
阅读量264 收藏
点赞数
原文链接：http://www.cnblogs.com/cnundefined/p/placeholder.html
版权
本文探讨了在不同浏览器中实现一致的placeholder效果的方法。通过同时利用HTML DOM的placeholder属性和getAttribute('placeholder')方法，可以确保跨浏览器的兼容性。
摘要由CSDN通过智能技术生成

this.value = this.placeholder || this.getAttribute('placeholder')

鉴于不同的浏览器对为止属性的实现方式有所不用，这里同时使用了HTML DOM的placeholder属性和DOM的getAttribute('placeholder')方法

转载于:https://www.cnblogs.com/cnundefined/p/placeholder.html

weixin_30758821
关注
密码框显示placeholder提示信息 onfocus="this.type='password'"
qq_39963971的博客
08-25 4426
问题：注册框，要求输入密码框和再次输入密码确认框，placeholder提示，像邮箱和手机输入框一样，现在由于是密码框，上面的提示信息隐藏显示，如下图： <input name="password" id ="password" rel="validatePassword();" type="password" placeholder="请输入密码"
让ie支持placeholder（ie10下的ie7模式getAttribute('placeholder')返回null）
cessec的博客
08-09 215
[size=medium]现代浏览器都支持placeholder了，目前还有ie6、7、8、9不支持。 上网都能搜到让低版本的ie实现类似placeholder的效果的js代码，一般都是用getAttribute实现，一般都可以兼容ie6、7、8、9了 我一开始也是用原生JS写的，但今天做项目的时候发现一个问题： [b]部分ie9升级到ie10后，然后再切换为ie7模式时，getAttrib...
java中this.value_关于java中this的一些总结
weixin_31493101的博客
02-13 283
​​this用在构造器中,当使用不同参数列表的构造器时,如果有构造器和另外一个构造器的功能一样,则这个构造器可以调用那个构造器的功能使用格式:this(value);class Test{​Test(){....} ​//空参数的构造函数​​Test(Datatype var)​//带一个参数的构造器​{​this()​....​}​Test(Datatype var1 ,...
getAttribute取得元素属性值
wangjingyi
03-04 1124
getAttribute(strAttributeName, lFlags） 取得属性值。 [code="html"] [/code] [code="js"]var el = document.getElementById("div1"); alert(el.getAttribute("id"));//div1[/code] [url]https://msdn.microsoft...
PlaceHolder动态添加控件 可动态的添加控件 手动添加控件
08-13 424
<br />可动态的添加控件   手动添加控件<br />HtmlButton hb = new HtmlButton();<br />        hb.InnerText = "b";<br />        this.PlaceHolder1.Controls.Add(hb);<br />        Literal bai = new Literal();<br />        bai.Text = "bai";<br />        this.PlaceHolder1.Control
仿HTML5 placeholder 效果.rar
06-02
if (this.value === this.getAttribute('placeholder')) { this.value = ''; } }; input.onblur = function() { if (this.value === '') { this.value = this.getAttribute('placeholder'); } }; } ``` ...
ie8兼容placeholder.zip
09-23
if (this.value == this.getAttribute('placeholder')) { this.value = ''; } }; inputs[i].onblur = function() { if (this.value == '') { this.value = this.getAttribute('placeholder'); } }; if ...
使用jQuery快速解决input中placeholder值在ie中无法支持的问题
12-10
var text = input.getAttribute('placeholder'), defaultValue = input.defaultValue; if (defaultValue === "") { input.value = text; } input.onfocus = function() { if (input.value === text) { this....
Html5的placeholder属性(IE兼容)实现代码
09-04
为了解决这个问题，可以在后端进行验证，或者优化上述JavaScript代码，使其在处理`value`属性时更加智能，例如仅在`value`为空时才设置`placeholder`值。 总的来说，`placeholder`属性极大地提升了用户体验，使得...
js模仿html5 placeholder适应于不支持的浏览器
10-27
this.label.innerHTML = obj.getAttribute('placeholder'); this.label.style.cssText = 'position:absolute; text-indent:4px;color:#999999; font-size:12px;'; if (obj.value != '') { this.label.style....
jQuery动态修改输入框的值和placeholder
FadeFarAway的博客
03-08 3万+
首先是动态修改数据框的值：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>XXX</title> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <script l
javascript 基础 js实现placeholder
老刘的日志博客
01-26 3016
function resetFields(whichform) { if(Modernizr.input.placeholder) return;//检测是否支持placeholder for(var i=0 ; i<whichform.elements.length ; i++){ var elem = whichform.elements[i]; if(e
placeholder---获取焦点时清空、修改默认样式
topic2333的博客
12-21 2504
1.input输入框获取焦点时，判断输入框是否有值，未输入则清空placeholder内容。  2.修改placeholder默认样式
解决浏览器中点击input输入框时，placeholder的值不消失的方法
lianwenxiu的博客
02-23 8344
&lt;input type="text" placeholder="请输入" onfocus="this.placeholder=''" onblur="this.placeholder='请输入'"&gt;
js 中getAttribute和setAttribute属性
Renkx0404的博客
06-23 1022
知识点： getAttribute ：获取标签属性； setAttribute ： 设置标签属性； 用法实例： <html lang="en"> <head> <meta charset="UTF-8" /> <title>Document</title> </head> <body>
有关getAttribute()方法和setAttribute()方法的说明
热门推荐
helanye的专栏
07-21 3万+
js getAttribute()方法●一份文档就是一棵节点树。   ●节点分为不同的类型：元素节点、属性节点和文本节点等。   ●getElementById()方法将返回一个对象，该对象对应着文档里的一个特定的元素节点。   ●getElementsByTagName()方法将返回一个对象数组，它们分别对应着文档里的一个特定的元素节点。   ●这些节点中的每个都是一个对象。
Spring MVC 学习总结（三）——请求处理方法Action详解
weixin_34390105的博客
10-11 258
目录 一、Action参数类型 1.1、自动参数映射 1.1.1、基本数据类型 1.1.2、自定义数据类型 1.1.3、复杂数据类型 1.1.4、List集合类型 1.1.5、Map集合类型 1.2、@RequestParam参数绑定 1.2.1、基本数据类型绑定与注解属性 1.2.2、List与数组绑定基本数据类型 1.2.3、List与数组直接绑定自定义数据类型与AJAX 1.3、...
this.value和$(this).val()的区别
weixin_33697898的博客
12-14 2135
2019独角兽企业重金招聘Python工程师标准>>> ...
简单方法让input date支持placeholder
最新发布
06-03
if (this.value == placeholder) { this.value = ''; } }; input.onblur = function() { if (this.value == '') { this.value = placeholder; } }; ``` 这段代码会将input的value属性设置为placeholder属性...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值