码迷,mamicode.com
首页 > 编程语言 > 详细

javascript笔记——placehold

时间:2016-05-05 14:22:05      阅读:350      评论:0      收藏:0      [点我收藏+]

标签:

<input type="text" name="搜索" value="搜索" placeholder="搜索" id="selector"/>

  

::-moz-placeholder{color:red;} //ff
::-webkit-input-placeholder{color:red;} //chrome,safari
:-ms-input-placeholder{color:red;} //ie10

  

$(function(){
if(!!navigator.userAgent.match(/MSIE 8.0/)){
$(‘input[placeholder], textarea[placeholder]‘).each(function() {
var input = $(this);
if (input.val() === ‘‘ && input.attr("placeholder") !== ‘‘){ 
input.addClass("placeholder").val(input.attr(‘placeholder‘));
}

input.focus(function() {
if (input.val() === input.attr(‘placeholder‘)) {
input.val(‘‘);
}
});

input.blur(function() {
if (input.val() === ‘‘ || input.val() === input.attr(‘placeholder‘)) {
input.val(input.attr(‘placeholder‘));
}
});
});
}
});

  

javascript笔记——placehold

标签:

原文地址:http://www.cnblogs.com/MonaSong/p/5461569.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!