最近,再用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"));
}
});
}