2007-11-12

第一个基于DOJO1.0程序

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <title>第一个范例</title>
        <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
        <style type="text/css">
            @import "js/dijit/themes/tundra/tundra.css";
            @import "js/dojo/dojo.css"
        </style>
        <script type="text/javascript" src="js/dojo/dojo.js" djConfig="parseOnLoad: true"></script>
        <script type="text/javascript">
            dojo.require("dijit.form.TextBox");
            dojo.require("dijit.form.CheckBox");
            dojo.require("dijit.form.DateTextBox");
            dojo.require("dijit.form.CurrencyTextBox");      
            dojo.require("dojo.parser");  //相当于Java中的import语句
        </script>
    </head>
    <body class="tundra">
        <h1>
            第一个基于Dojo1.0的程序，通过扩展html标记(dojoType等)，dojo提供了一种简单的开发方式。
        </h1>
        <form>
            姓名:
            <input type="text" length="20" name="useName" dojoType="dijit.form.TextBox" trim="true" propercase="true" />          
            <br />
            Email:
            <input type="text" length="20" name="email"    dojoType="dijit.form.TextBox" lowercase="true" />          
            <br />
            收入:                  
            <input type="text" length="10" name="grossIncome" dojoType="dijit.form.CurrencyTextBox" class="fillwidth currency"
                        value="0.00" required="true" currency="CNY" />  
            <br />
            喜欢哈利波特吗?
            <input type="checkbox" name="favor" value="Y" checked="checked" dojoType="dijit.form.CheckBox" />
            <br />
            性别:
            <input dojoType="dijit.form.RadioButton" id="male" name="sex" checked="true" value="male" type="radio" />
           <label for="male">男</label>

            <input dojotype="dijit.form.RadioButton" id="female"  name="sex" value="female" type="radio" />
           <label for="female">女</label>
            <br />
            注册日期:
            <input type="text" length="10" name="filingDate"
                        dojoType="dijit.form.DateTextBox" />
            <br />
            <input type="submit" value="提交" />
        </form>
    </body>
</html>

  • first.rar (950 Bytes)
  • 描述: 源代码
  • 下载次数: 33
评论
发表评论

您还没有登录，请登录后发表评论

noname365
搜索本博客
最近加入圈子
存档
最新评论