日常
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
.f {
width: 200px;
margin: 2px;
padding: 2px;
}
.e {
/*红色提示符号*/
background: #FFE0E9 url(img/reg3.gif) no-repeat 0 center;
padding-left: 25px;
}
.s {
background: #E9FBEB url(img/reg4.gif) no-repeat 0 center;
padding-left: 25px;
}
.high {
color: red;
}
</style>
<script type="text/javascript" src="js/jquery-1.11.3.min.js" ></script>
<script>
$(function(){
var c =[//定义数组，二维数组
["上海", "江苏", "重庆", "四川", "湖南"],
["额", "啊", "哦", "嗯", "哼"],
["no知道", "no知道", "no知道", "no知道", "no知道"],
["no知道", "no知道", "no知道", "no知道", "no知道"],
["no知道", "no知道", "no知道", "no知道", "no知道"]
];
var $city=$("#city");
$("#province").change(function(){
$city.get(0).options.length=1;
var val=this.value;
$.each(c,function(i,n){
if(i==val){
$(n).each(function(j,m){
$city.append("<option>"+m+"</option>");
});
}
});
});
});
</script>
<script>
$(function(){
$("form input.r").each(function(){
$(this).parent().append("<b class='high'>*</b>");
});
});
</script>
</head>
<body>
<div style=" width: 100%;height: 400px;" align="center">
<form >
<table bgcolor="aliceblue" width="100%" cellspacing="15" style=" margin-top: 100px;">
<tr>
<td>用户名</td>
<td>
<input type="text" name="username" id="username" class="r" />
</td>
</tr>
<tr>
<td>密码</td>
<td>
<input type="password" name="passwork" id="passwork" class="r"/>
</td>
</tr>
<tr>
<td>确认密码</td>
<td>
<input type="password" name="epasswork" id="epasswork" class="r"/>
</td>
</tr>
<tr>
<td>邮箱</td>
<td>
<input type="email" />
</td>
</tr>
<tr>
<td>性别</td>
<td>
男<input type="radio" name="1" value="" />女<input type="radio" name="1" value="" />
</td>
</tr>
<tr>
<td>爱好</td>
<td>
游戏<input type="checkbox" name="1" value="" />数据<input type="checkbox" name="1" value="" />电脑<input type="checkbox" name="1" value="" />笔记本<input type="checkbox" name="1" value="" />游山玩水<input type="checkbox" name="1" value="" />
</td>
</tr>
<tr>
<td>籍贯</td>
<td>
<select id="province" name="province" >
<option value="">-请选择-</option>
<option value="0">-中国-</option>
<option value="1">-美国-</option>
<option value="2">-英国-</option>
<option value="3">-德国-</option>
<option value="4">-法国-</option>
</select>
<select id="city">
<option>-请选择-</option>
</select>
</td>
</tr>
</table>
</form>
</div>
</body>
</html>
|
|
收藏
淘帖
踩
