<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="Author" content="梁彩霞">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>手机注册</title>
<style type="text/css">
table.blue{
border:1px solid red;
width:70%;
height:400px;
background-color:#fff;
color:#999;
}
.cd{
width:150px;
}
.cdd{
width:100px;
}
.cddd{
width:400px;
}
body{
background-color:#ddd;
}
</style>
</head>
<body>
<form name="phone registration" method="post" action="../css">
<table class="blue">
<tr>
<td class="cd">用户名:</td>
<td class="cdd"><input type="text" name="user" size="40%" maxlength="20" Placeholder="请输入用户名"/></td>
<td class="cddd">4-20位字符,支持汉字、字母和数字组合</td>
</tr>
<tr>
<td>请设置密码:</td>
<td><input class="2" size="40%" type="password" name="pwr" maxlength="20" placeholder="请输入密码"/></td>
<td>6-20位字符,支持汉字、字母和数字组合</td>
</tr>
<tr>
<td>请确认密码:</td>
<td><input class="2" size="40%" type="password" name="pur" placeholder="请在输入密码"/></td>
<td>请再次输入密码</td>
<td rowspan="3"><img src="CSSBASIC_Day03_Images/Images/reg_phone.jpg"></td>
</tr>
<tr>
<td>验证手机:</td>
<td><input type="text" name="number" size="40%" placeholder="请输入手机号码"/> </td>
<td>完成验证后,可以使用手机找回密码</td>
</tr>
<tr height="50px">
<td>短信验证码:</td>
<td>
<table>
<tr>
<td><input type="text" name="yanzhengma" width="20px" placeholder="请输入短信验证码"/></td>
<td><input type="button" bgcolor="#ddd" style="color:black" name="SD" value="获得短信验证码"></td>
</tr>
</table>
</td>
<td></td>
</tr>
<tr>
<td></td>
<td valign="center">
<input type="checkbox" name="secret" id="secret" >
<label for="secret" >
我已阅读并同意<a href="#" style="color:blue">《京东用户注册协议》</a></label>
</td>
<td></td>
</tr>
<tr>
<td colspan="3" align="center"><a href="#"><img src="CSSBASIC_Day03_Images/Images/regist_btn.jpg"/></a></td>
</tr>
</table>
</form>
</body>
</html>
<html>
<head>
<meta charset="UTF-8">
<meta name="Author" content="梁彩霞">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>手机注册</title>
<style type="text/css">
table.blue{
border:1px solid red;
width:70%;
height:400px;
background-color:#fff;
color:#999;
}
.cd{
width:150px;
}
.cdd{
width:100px;
}
.cddd{
width:400px;
}
body{
background-color:#ddd;
}
</style>
</head>
<body>
<form name="phone registration" method="post" action="../css">
<table class="blue">
<tr>
<td class="cd">用户名:</td>
<td class="cdd"><input type="text" name="user" size="40%" maxlength="20" Placeholder="请输入用户名"/></td>
<td class="cddd">4-20位字符,支持汉字、字母和数字组合</td>
</tr>
<tr>
<td>请设置密码:</td>
<td><input class="2" size="40%" type="password" name="pwr" maxlength="20" placeholder="请输入密码"/></td>
<td>6-20位字符,支持汉字、字母和数字组合</td>
</tr>
<tr>
<td>请确认密码:</td>
<td><input class="2" size="40%" type="password" name="pur" placeholder="请在输入密码"/></td>
<td>请再次输入密码</td>
<td rowspan="3"><img src="CSSBASIC_Day03_Images/Images/reg_phone.jpg"></td>
</tr>
<tr>
<td>验证手机:</td>
<td><input type="text" name="number" size="40%" placeholder="请输入手机号码"/> </td>
<td>完成验证后,可以使用手机找回密码</td>
</tr>
<tr height="50px">
<td>短信验证码:</td>
<td>
<table>
<tr>
<td><input type="text" name="yanzhengma" width="20px" placeholder="请输入短信验证码"/></td>
<td><input type="button" bgcolor="#ddd" style="color:black" name="SD" value="获得短信验证码"></td>
</tr>
</table>
</td>
<td></td>
</tr>
<tr>
<td></td>
<td valign="center">
<input type="checkbox" name="secret" id="secret" >
<label for="secret" >
我已阅读并同意<a href="#" style="color:blue">《京东用户注册协议》</a></label>
</td>
<td></td>
</tr>
<tr>
<td colspan="3" align="center"><a href="#"><img src="CSSBASIC_Day03_Images/Images/regist_btn.jpg"/></a></td>
</tr>
</table>
</form>
</body>
</html>