看四张牌抢庄的牛牛计算

書名： jQuery EasyUI從零開始學
作者名：施堯
本章字數： 101字
更新時間： 2019-12-06 14:08:58

1.4　實戰：第一個EasyUI注冊頁面

接下來將演示使用EasyUI創建一個注冊頁面，相關代碼如下：

01  <!DOCTYPE html>
02  <html>
03       <head>
04            <meta charset="UTF-8">
05            <title>注冊頁面</title>
06            <link rel="stylesheet" type="text/css"
href="../../themes/default/easyui.css">
07            <link rel="stylesheet" type="text/css" href="../../themes/icon.css">
08            <link rel="stylesheet" type="text/css" href="../../demo.css">
09            <script type="text/javascript" src="../../jquery.min.js"></script>
10            <script type="text/javascript"
src="../../jquery.easyui.min.js"></script>
11       </head>
12  <body>
13            <input class='easyui-textbox' data-options="
14                label:'賬號',
15                labelWidth:100,
16                width:250
17            "><br/><br/>
18            <input class='easyui-passwordbox' data-options="
19                label:'密碼',
20                labelWidth:100,
21                width:250
22            "><br/><br/>
23            <input class='easyui-passwordbox' data-options="
24                label:'確認密碼',
25                labelWidth:100,
26                width:250
27            "><br/><br/>
28            <a class="easyui-linkbutton" style="margin-left:200px">確認</a>
29
30  </body>
31  </html>

最終運行結果如圖1.8所示。

圖1.8　EasyUI注冊頁面

【本節詳細代碼參見隨書源碼：\源碼\easyui\example\ c1\register.html】

官术网_书友最值得收藏!

jQuery EasyUI從零開始學

1.4 實戰：第一個EasyUI注冊頁面

1.4　實戰：第一個EasyUI注冊頁面