10月8日测试#
Bruce_Zhu于2016.10.8
- 测试需要做一个如下图的页面
作业2.png
- 代码如下
<pre>
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Author" content="Bruce Zhu">
<title>New Test</title>
<style type="text/css">
body {
font-size:12px;
text-align:left;
}
table td2 {
width:200px;
}
table .td1 {
width:150px;
}
table tr{
height:50px;
}
#td,.td1 {
color:#999;
}
input {
width:200px;
height:25px;
}
.yanzhengma {
width:80px;
}
.yanzhengma2 {
width:120px;
}
#choose {
width:12px;
height:12px;
}
</style>
</head>
<body>
<table align="center">
<tr id="tr1">
<td class="td1">用户名：</td>
<td id="td2"><input type="text" /></a></td>
<td id="td">4-20位字符，支持汉字、字母和数字组合</td>
<td id="td" rowspan="7">
<img src="bg.jpg" alt="" />
</td>
</tr>
<tr id="tr2">
<td class="td1">请设置密码：</td>
<td id="td2"><input type="text" /></td>
<td id="td">4-20位字符，仅支持字母和数字组合</td>
</tr>
<tr id="tr3">
<td class="td1">请确认密码：</td>
<td id="td2"><input type="text" /></td>
<td id="td">请再次输入密码</td>
</tr>
<tr id="tr4">
<td class="td1">验证手机：</td>
<td id="td2"><input type="text" /></td>
<td id="td">完成验证后，可以使用手机找回密码</td>
</tr>
<tr id="tr5">
<td class="td1">短信验证码：</td>
<td id="td2">
<input type="text" class="yanzhengma"/>
<input type="submit" class="yanzhengma2" value="获取短信验证码"/>
</td>
<td id="td">请输入短信中的验证码</td>
<td id="td2"></td>
</tr>
<tr id="tr6">
<td class="td1"></td>
<td id="td2">
<input type="checkbox" id="choose"/>
我已阅读并同意<a href="">《京东用户注册协议》</a>
</td>
<td id="td"></td>
</tr>
<tr id="tr7">
<td class="td1"></td>
<td id="td2">
<input type="submit" name="zhuce" value="立即注册"/>
</td>
<td id="td"></td>
</tr>
</table>
</body>
</html>
</pre>
网友评论