黑马程序员技术交流社区
标题:
07
[打印本页]
作者:
emmm...
时间:
2018-1-12 21:46
标题:
07
日常
<!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>
作者:
1414225997
时间:
2018-1-13 11:02
学习使你快乐
作者:
渝小妹
时间:
2018-1-13 16:10
期待继续更新哟~~~~
作者:
陈文老师
时间:
2018-1-13 16:12
希望每天都看见你在进步
欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)
黑马程序员IT技术论坛 X3.2
