【easyUI】一个简单的登录界面,带简单处理示例

来源:互联网 发布:jquery转原生js 编辑:程序博客网 时间:2024/05/18 16:17
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="content-type" content="text/html,charset=UTF-8" />
        <script type="text/javascript" src="./js/jquery-1.8.0.min.js"
            charset="UTF-8"></script>
        <script type="text/javascript" src="./js/jquery.easyui.min.js"></script>
        <link rel="stylesheet" type="text/css"
            href="./js/themes/default/easyui.css">
        <link rel="stylesheet" type="text/css" href="./js/themes/icon.css">
        <script type="text/javascript" src="./js/locale/easyui-lang-zh_CN.js"></script>
        <link rel="stylesheet" type="text/css" href="./js/demo/demo.css">
        <script type="text/javascript">
            var loginAndRegister;
            
            $(function(){
                loginAndRegister=$('#loginAndRegister').dialog({
                    closable : false,
                    modal : true,
                    buttons : [
                                {
                                    text:'注册',
                                    handler:function(){
                                        console.info("注册事件");
                                    }
                                },
                                {text:'登录',handler:function(){
                                    console.info("登录事件");
                                }}
                                ]
                });
            });
            
</script>
    </head>
    <body>
        <div
            id="loginAndRegister"
            title="用户登录"
            style="width: 400px;height : 200px">
            <table align="center">
                <tr>
                    <th align="right">用户名</th>
                    <td><input name="name"></td>
                </tr>
                <tr>
                    <th align="right">密码</th>
                    <td><input name="pasword" type="password"/></td>
                </tr>
            </table>
        </div>
    </body>

</html>