当前位置: 代码迷 >> Web前端 >> jquery 步骤模拟placeholder
  详细解决方案

jquery 步骤模拟placeholder

热度:368   发布时间:2012-11-22 00:16:41.0
jquery 方法模拟placeholder

css:

#inputSearch {
??? border: 1px solid #BABEBF;
??? color: #999999;
??? font-size: 14px;
??? height: 17px;
??? padding: 3px 6px 5px 6px;
??? width: 200px;
}
#inputSearch.focus{color: #000000;
??? border: 1px solid #00A5FF;
}

?

?

html:

<input type="text" id="inputSearch" class="" value="请输入商品名称" />

?

js:

?$("#inputSearch").focus(function(){
??? $(this).addClass("focus");
??? if($(this).val() ==this.defaultValue){?
???? $(this).val("");??????????
??? }
?}).blur(function(){
?? $(this).removeClass("focus");
?? if ($(this).val() == '') {
???$(this).val(this.defaultValue);
?? }
?})

  相关解决方案