easyui placeholder 解决方案
项目要实现如图所示的功能
前台用easy-ui实现,如果直接在代码中添加placeholder属性,因easyui的input标签不支持h5的placeholder, 没有效果。
<th class="input_lable">学生姓名</th> <td> <input class="easyui-textbox" placeholder='模糊查询' id='inp_XSXM' name='xsxm' style='width: 150px;'/> </td>
会被浏览器解释成如下:
解决方案:
使用jQuery。js如下:
$(function(){ $("#inp_XSXM").next("span").children(":first").attr('placeholder','模糊查询'); });
效果:
ps:网上看到其他人写的一个方案,不过我这边好像没有效果:
写完后,看到更好的方案。。。。
<input class="easyui-textbox" id='inp_SHYY' style='width: 120px;' data-options="prompt:'模糊查询'"/>
日了够了
如果你真心觉得文章写得不错,而且对你有所帮助,那就不妨小小打赏一下吧,如果囊中羞涩,不妨帮忙“推荐"一下,您的“推荐”和”打赏“将是我最大的写作动力!
本文版权归作者所有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接.