html5 js 占位符,HTML5“占位符”支持

我从上面的答案借用并提出，以便它是与旧的现代浏览器以及IE向后兼容 -

有了下面的代码，请确保您同时有“价值”和“占位符'为输入字段设置属性。在我的特殊情况下，我需要支持IE变体。

说明 - 如果浏览器支持占位符，则会删除输入值。如果不是，则旧版浏览器将忽略占位符属性，而下面的js模仿默认的占位符行为。该脚本还将忽略CSRF的任何身份验证令牌(在我的表单中导致auth令牌值在我的Rails应用中导致CSRF警告时出现错误)。

简化脚本本身的另一种方法是为每个输入分配一个类，以明确地使用此脚本并相应地更新true语句(尽管下面的方法更干燥一些)。

var placeholderSupported = !!('placeholder' in document.createElement('input'));

if (placeholderSupported === true){

$('input:not([type="submit"], [name="authenticity_token"])').val('');

} else{

$('input')

.focus(function() {

if (this.value === this.defaultValue) {

this.value = '';

}

})

.blur(function() {

if (this.value === '') {

this.value = this.defaultValue;

}

});

}