你的位置:首页 > 网页设计

[网页设计]easyui placeholder 解决方案


最近,再用easyui的时候,发现easyui的input标签不支持h5的placeholder,为了实现这个效果,提供以下解决方案:

  1.给input标签设置placeholder.

  <td><input data-options="min:0,max:800,precision:0" placeholder="默认为最大"></td>

  2.当页面加载完毕的时候,将easyui生成的input标签的placeholder重新设置.

  

$(function(){
window.onload = numberInputPlaceholder();
});
/**
easyui number placeholder
*/
function numberInputPlaceholder(){
$(".easyui-numberbox").each(function(i){
var span = $(this).siblings("span")[0];
var targetInput = $(span).find("input:first");
if(targetInput){
$(targetInput).attr("placeholder", $(this).attr("placeholder"));
}

});
}