level 1
活宝猹
楼主
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>注册</title>
<style type=" text/css">
*{
padding: 0px;
margin: 0px;
}
.red{
color: red;
}
.or{
font-size: 10px;
color: grey;
}
</style>
</head>
<body>
<form>
<table>
<tr>
<td align="right"><span class="red">*</span>邮件地址</td>
<td> </td>
<td><input type="text"/ placeholder="建议使用手机号码注册" pattern="^[a-z,A-Z],[0-9,a-z,A-Z,],{5-17}"></td>
<td>@</td>
<td>
<select>
<option>163.com</option>
<option>126.com</option>
<option>yeah.net</option>
</select>
</td>
</tr>
<tr>
<td></td>
<td> </td>
<td co
lsp
an="3">
<p class="or">6~18个字符，可使用字母、数字、下划线，需以字母开头</p></td>
</tr>
<tr>
<td align="right"><span class="red">*</span>密码</td>
<td> </td>
<td colspan="3"><input type="password"/ pattern=".[6-16]" size="35"></td>
</tr>
<tr>
<td></td>
<td> </td>
<td colspan="3">
<p class="or">6~16个字符，区分大小写</p>
</td>
</tr>
<tr>
<td align="right"><span class="red">*</span>确认密码</td>
<td> </td>
<td colspan="3"><input type=" password"/ size="35"></td></tr>
<tr>
<td></td>
<td> </td>
<td colspan="3">
<p class="3">请再次填写密码</p>
</td>
</tr>
<tr>
<td align="right"><span class="red">*</span>手机号</td>
<td> </td>
<td colspan="3"><input type="text"/size="35"></td>
</tr>
<tr>
<td></td>
<td> </td>
<td colspan="3">
<p class="or">忘记密码时，可以通过该手机号快速找回密码</p>
</td>
</tr>
<tr>
<td align="right"><span class="red">*</span>验证码</td>
<td> </td>
<td><input type="text"/></td>
<td colspan="2"><img src=''></td>
</tr>
<tr>
<td></td>
<td> </td>
<td colspan="3">
<p class="or">请填写图片中的字符，不区分大小写 看不清楚？换张图片</p></td>
</tr>
<tr>
<td align="right"><span class="red">*</span>短信验证码</td>
<td> </td>
<td colspan="3"><input type="text"/ size="35"></td>
</tr>
<tr>
<td></td>
<td> </td>
<td colspan="3">
<p clas="or" >请查收手机短信，并填写短信中的验证码</p>
</td>
</tr>
</table>
</form>
</body>
</html>
2019年01月09日 11点01分
1
<html>
<head>
<meta charset="utf-8">
<title>注册</title>
<style type=" text/css">
*{
padding: 0px;
margin: 0px;
}
.red{
color: red;
}
.or{
font-size: 10px;
color: grey;
}
</style>
</head>
<body>
<form>
<table>
<tr>
<td align="right"><span class="red">*</span>邮件地址</td>
<td> </td>
<td><input type="text"/ placeholder="建议使用手机号码注册" pattern="^[a-z,A-Z],[0-9,a-z,A-Z,],{5-17}"></td>
<td>@</td>
<td>
<select>
<option>163.com</option>
<option>126.com</option>
<option>yeah.net</option>
</select>
</td>
</tr>
<tr>
<td></td>
<td> </td>
<td co
lsp
an="3">
<p class="or">6~18个字符，可使用字母、数字、下划线，需以字母开头</p></td>
</tr>
<tr>
<td align="right"><span class="red">*</span>密码</td>
<td> </td>
<td colspan="3"><input type="password"/ pattern=".[6-16]" size="35"></td>
</tr>
<tr>
<td></td>
<td> </td>
<td colspan="3">
<p class="or">6~16个字符，区分大小写</p>
</td>
</tr>
<tr>
<td align="right"><span class="red">*</span>确认密码</td>
<td> </td>
<td colspan="3"><input type=" password"/ size="35"></td></tr>
<tr>
<td></td>
<td> </td>
<td colspan="3">
<p class="3">请再次填写密码</p>
</td>
</tr>
<tr>
<td align="right"><span class="red">*</span>手机号</td>
<td> </td>
<td colspan="3"><input type="text"/size="35"></td>
</tr>
<tr>
<td></td>
<td> </td>
<td colspan="3">
<p class="or">忘记密码时，可以通过该手机号快速找回密码</p>
</td>
</tr>
<tr>
<td align="right"><span class="red">*</span>验证码</td>
<td> </td>
<td><input type="text"/></td>
<td colspan="2"><img src=''></td>
</tr>
<tr>
<td></td>
<td> </td>
<td colspan="3">
<p class="or">请填写图片中的字符，不区分大小写 看不清楚？换张图片</p></td>
</tr>
<tr>
<td align="right"><span class="red">*</span>短信验证码</td>
<td> </td>
<td colspan="3"><input type="text"/ size="35"></td>
</tr>
<tr>
<td></td>
<td> </td>
<td colspan="3">
<p clas="or" >请查收手机短信，并填写短信中的验证码</p>
</td>
</tr>
</table>
</form>
</body>
</html>
