用easyui做form表单，但不显示出来
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>easyui</title>
<link rel="stylesheet" type="text/css"
href="/easyui/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="/easyui/themes/icon.css">
<script type="text/javascript" src="/easyui/jquery.min.js"></script>
<script type="text/javascript" src="/easyui/jquery.easyui.min.js"></script>
<script type="text/javascript" src="/easyui/locale/easyui-lang-zh_CN.js"></script>
<script type="text/javascript">
$(function() {
var userDialog = $("#userDialog");
//点击添加按钮，弹出一个窗体Dialog
$("#add").click(function() {
//弹出窗体
userDialog.dialog("open");
});
})
</script>
</head>
<body>
<!-- closed:true隐藏效果 -->
<div id="userDialog" class="easyui-dialog" title="保存用户"
data-options="iconCls:'icon-save',closed:true"
<!-- auto代表自动判定大小 -->
style="width: 300px; height: auto; padding: 20px" buttons="#btns">
<!--表单必须的属性：method="post",action提交的url地址，id属性 -->
<!-- 注意id的命名，建议统一使用XXXForm -->
<form id="userForm" method="post" action="user_save.jsp">
<table>
<tr>
<td>用户名:</td>
<td><input class="easyui-validatebox" type="text"
<!-- required:true代表此乃必填项 -->
name="username" data-options="required:true"></input></td>
</tr>
<tr>
<td>邮箱地址:</td>
<td><input class="easyui-validatebox" type="text" name="email"
data-options="validType:'email'"></input></td>
</tr>
<tr>
<td>主题:</td>
<td><input class="easyui-validatebox" type="text"
name="subject"
<!-- validType:'length[10,200]'代表限定字符数量为10至200 -->
data-options="required:true,validType:'length[10,200]'"></input></td>
</tr>
<tr>
<td>Message:</td>
<td><textarea name="message" style="height: 60px;"></textarea></td>
</tr>
</table>
</form>
</div>
<!--按钮面板作为对话框操作面板 -->
<div id="btns">
<!--不要在href里面写js代码 -->
<a id="btnSubmit" href="javascript:void(0)" class="easyui-linkbutton">保存</a>
<a href="javascript:void(0)" class="easyui-linkbutton"
onclick="$('#userDialog').dialog('close')">取消</a>
</div>
</body>
</html>
展开
收起
1
条回答
写回答
写回答
-
社区爱好者，专为云栖社区服务！去掉,closed:true这个，要不只能点击add按钮打开dialog，页面也没有id为add的按钮，而且不要放html注释到标签里面，放外面去
<div id="userDialog" class="easyui-dialog" title="保存用户" data-options="iconCls:'icon-save'" style="width: 300px; height: auto; padding: 20px" buttons="#btns"> <!--表单必须的属性：method="post",action提交的url地址，id属性 --> <!-- 注意id的命名，建议统一使用XXXForm --> <form id="userForm" method="post" action="user_save.jsp"> <table> <tr> <td>用户名:</td> <td><input class="easyui-validatebox" type="text" name="username" data-options="required:true"></td> </tr> <tr> <td>邮箱地址:</td> <td><input class="easyui-validatebox" type="text" name="email" data-options="validType:'email'"></td> </tr> <tr> <td>主题:</td> <td><input class="easyui-validatebox" type="text" name="subject" data-options="required:true,validType:'length[10,200]'"></td> </tr> <tr> <td>Message:</td> <td><textarea name="message" style="height: 60px;"></textarea></td> </tr> </table> </form>2019-07-17 19:24:29赞同 展开评论 打赏
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
相关问答
问答排行榜
最热
最新
推荐问答
