這期間弄這個html真的很是頭痛,網上下載的前端模板,不知道用的是什麼框架,也不好改,爲了達到自己想要的效果,還是嘗試了一下在模板框架中加入layUI框架的一些功能,對於這個表單元素渲染效果不顯示真的很惱火,試了很多方法,網上很多說是form.render();渲染更新的問題,但是我加了這行代碼還是沒有效果,最後把引入的js和css方法改了下大概效果已經出來了。
在你的jsp頁面中添加已下代碼:
<link rel="stylesheet" href="<%=request.getContextPath()%>/layui/css/layui.css" />
<script type="text/javascript" src="<%=request.getContextPath()%>/layui/layui.js"></script>
<script type="text/javascript">
//Demo
layui.use('form', function(){//聲明使用layUI的form
var form = layui.form;
form.render();//刷新所有渲染效果,也可以單獨熟悉某個效果
//監聽提交
form.on('submit(formDemo)', function(data){
layer.msg(JSON.stringify(data.field));
return false;
});
});
</script>