用easyui做form表单,但不显示出来-问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

用easyui做form表单,但不显示出来

2016-06-02 11:37:42 2779 1
 <%@ 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)
  • 云栖技术
    2019-07-17 19:24:29

    去掉,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>
    0 0
相关问答

1

回答

请问创建的git-camp仓库有什么需要注意的么,我创建完了,任务状态无法显示已完成是为什么呀?

2022-09-26 17:31:04 139浏览量 回答数 1

0

回答

想问一下flink-cdc读取mysql binlog 写入lindorm,一开始第一天数据是可以实

2022-07-07 14:29:17 108浏览量 回答数 0

1

回答

上传文件页面中form的enctype属性值,一定要设置成什么?

2021-12-04 15:18:51 227浏览量 回答数 1

1

回答

jsp中page指令中errorPage属性的作用是什么?

2021-10-26 14:44:22 198浏览量 回答数 1

1

回答

ft_min_word_len配置完,重启MySql就可以了吗:配置报错 

2020-06-02 17:27:48 315浏览量 回答数 1

1

回答

easyui div标签:报错 

2020-06-04 21:13:21 278浏览量 回答数 1

1

回答

easyui div标签 - easyui报错

2020-06-04 15:22:12 921浏览量 回答数 1

2

回答

H5支付,直接获取form表单之后跳转不调起支付宝app

2020-03-31 17:16:52 8258浏览量 回答数 2

1

回答

ecs一直 显示重启中

2018-09-13 09:56:57 566浏览量 回答数 1

1

回答

ft_min_word_len配置后,MySql重启就可以了吗

2016-02-14 16:35:30 4310浏览量 回答数 1
+关注
云栖技术
社区爱好者,专为云栖社区服务!
34
文章
897
问答
问答排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载