<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>知問前端</title>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.ui.js"></script>
<script type="text/javascript" src="js/index.js"></script>
<link rel="shortcut icon" type="image/x-icon" href="img/favicon.ico" />
<link rel="stylesheet" href="css/smoothness/jquery.ui.css" type="text/css" />
<link rel="stylesheet" href="css/style.css" type="text/css" />
</head>
<body>
<div id="header">
<div class="header_main">
<h1>知問</h1>
<div class="header_search">
<input type="text" name="search" class="search" />
</div>
<div class="header_button">
<button id="search_button">查詢</button>
</div>
<div class="header_member">
<a href="###" id="reg_a">註冊</a> | <a href="###" id="login_a">登入</a>
</div>
</div>
</div>
<div id="reg" title="會員註冊">
<p><label for="user">賬號：</label>
<input type="text" name="user" class="text" id="user" title="請輸入賬號，不少於2位"/>
<span class="star">*</span>
</p>
<p><label for="pass">密碼：</label>
<input type="password" name="pass" class="text" id="pass" title="請輸入密碼，不少於6位"/>
<span class="star">*</span>
</p>
<p><label for="email">郵箱：</label>
<input type="text" name="email" class="text" id="email" title="請輸入正確的郵箱"/>
<span class="star">*</span>
</p>
<p>
<label>性別：</label>
<input type="radio" name="sex" value="male" id="male" checked="checked"><label for="male">男</label></input>
<input type="radio" name="sex" value="female" id="female"><label for="female">女</label></input>
</p>
<p><label for="date">生日：</label>
<input type="text" name="date" readonly="readonly"class="text" id="date"/>
</p>
</div>
</body>
</html>
$(function () {
$('#search_button').button({
label:'搜尋',
icons:{
primary:'ui-icon-search',
},
});
$('#reg').dialog({
autoOpen:true,
resizable:false,
modal:true,
width:320,
height:340,
buttons:{
'提交':function(){
}
}
});
$('#reg').buttonset();
$('#date').datepicker();
$('#reg input[title]').tooltip();
});