項目要實現如圖所示的功能javascript
前臺用easy-ui實現,若是直接在代碼中添加placeholder屬性,因easyui的input標籤不支持h5的placeholder, 沒有效果。html
<th class="input_lable">學生姓名</th> <td> <input class="easyui-textbox" placeholder='模糊查詢' id='inp_XSXM' name='xsxm' style='width: 150px;'/> </td>
會被瀏覽器解釋成以下:java
解決方案:瀏覽器
使用jQuery。js以下:ui
$(function(){ $("#inp_XSXM").next("span").children(":first").attr('placeholder','模糊查詢'); });
效果:spa
ps:網上看到其餘人寫的一個方案,不過我這邊好像沒有效果:3d
寫完後,看到更好的方案。。。。htm
<input class="easyui-textbox" id='inp_SHYY' style='width: 120px;' data-options="prompt:'模糊查詢'"/>
日了夠了blog