DOJO的一个例子
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>58用户注册</title>
<link rel="stylesheet" type="text/css" href="dojo/dijit/themes/tundra/tundra.css"/>
<link rel="stylesheet" type="text/css" href="dojo/dojo/resources/dojo.css"/>
<link rel="stylesheet" type="text/css" href="58.css"/>
<script type="text/javascript" src="dojo/dojo/dojo.js" djConfig="parseOnLoad : true"></script>
<script type="text/javascript">
dojo.require("dojo.parser");
dojo.require("dijit.form.TextBox");
dojo.require("dijit.form.ValidationTextBox");
dojo.require("dijit.form.Button");
dojo.require("dijit.layout.TabContainer");
dojo.require("dijit.layout.AccordionContainer");//设置AccordionContainer
//dojo.require("dijit.layout.LinkPane"); //这里看是否需要使用LinkPane，不用的话取消这句
dojo.require("dijit.layout.ContentPane");
dojo.require("dijit.Dialog");
dojo.require("dijit.form.FilteringSelect");
// dojo.require("dijit.layout.LayoutContainer");
</script>
</head>
<body class="tundra">
<div id="header">
<div id="headerinside">
<a>
<img id="logo" src="gif/logo.gif">
</a>
<div id="cityname">
上海
</div>
<div id="login_text">
<a href="#" >登录</a>
</div>
</div>
<div class="content">
<div id="mainbody">
<dt>
用户名：
</dt>
<dd>
<input type="text" maxlength=25 name="username" id="username"
dojoType="dijit.form.ValidationTextBox" trim="true" required="true" invalidMessage="请输入用户名！" style="border:1px solid blue;margin-left:0px"/>
</dd>
<dt>
密码：
</dt>
<dd>
<input type="password" maxlength=25 name="password" id="password"
dojoType="dijit.form.ValidationTextBox" trim="true" required="true" invalidMessage="请输入密码！" style="border:1px solid blue;margin-left:0px"/>
</dd>
<dt>
确认密码：
</dt>
<dd>
<input type="password" maxlength=25 name="confirmpassword"
id="confirmpassword" dojoType="dijit.form.ValidationTextBox" trim="true" required="true" validator="return this.getValue() == dijit.byId('password').getValue()"invalidMessage="请确认两次输入密码一致！" style="border:1px solid
blue;margin-left:0px"/>
</dd>
<dt>
电子邮件：
</dt>
<dd>
<input type="text" maxlength=25 name="email" dojoType="dijit.form.ValidationTextBox"
trim="true" style="border:1px solid blue"regExp="[a-z0-9._%+-]+@[a-z0-9-]+/.[a-z]{2,4}"
required="true" invalidMessage="请输入正确的email"/>
</dd>
<dt>
生活圈：
</dt>
<dd>
<select name="foo" style=" width: 100px; border:1px solid blue;">
<option value="1" selected="true">上海</option>
<option value="2" >杭州</option>
<option value="3">北京</option>
</select>
<select name="foo2" style="width: 100px; border:1px solid blue;">
<option value="4" selected="true">上海</option>
<option value="5" >杭州</option>
<option value="6">北京</option>
</select>
</dd>
<dt>
验证码：
</dt>
<dd>
<input type="text" maxlength=25 name="validateNo"
id="validateNo" dojoType="dijit.form.TextBox" trim="true" propercase="true" style="border:1px solid
blue;margin-left:0px;width:50px"/>
</dd>
<dt>
<button dojoType="dijit.form.Button" style="margin-left:150px">注册</button>
</dt>
</div>
</div>
</div>
</body>
</html>