最近,再用easyui的时候,发现easyui的input标签不支持h5的placeholder,为了实现这个效果,提供以下解决方案:
1.给input标签设置placeholder.
<td><input class="easyui-numberbox" 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"));
}
});
}