表单的简单练习3:
需要实现的目标:
代码运行:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<img src="img/logo.gif" />
<img src="img/reg.gif" />
<table>
<tr>
<td>姓名:</td>
<td>
<input type="text" />
</td>
</tr>
<tr>
<td>登录名:</td>
<td>
<input type="text" />(可包含a-z、0-9和下划线)
</td>
</tr>
<tr>
<td>密码</td>
<td>
<input type="text" />(至少包含6个字符)
</td>
</tr>
<tr>
<td>确认密码:</td>
<td>
<input type="te" />
</td>
</tr>
<tr>
<td>性别:</td>
<td>
<input type="radio" name="sex" />女
<img src="img/Female.gif" />
<input type="radio" name="sex" />男
<img src="img/Male.gif" />
</td>
</tr>
<tr>
<td>爱好:</td>
<td>
<input type="checkbox" name="hobby" />运动
<input type="checkbox" name="hobby" />聊天
<input type="checkbox" name="hobby" />玩游戏
</td>
</tr>
<tr>
<td>职业:</td>
<td>
<select>
<option>程序员</option>
<option>教师</option>
<option>警察</option>
<option>学生</option>
</select>
</td>
</tr>
<tr>
<td colspan="2">
<b><img src="./img/edit.jpg" /> 阅读淘宝服务协议</b>
</td>
</tr>
<tr>
<td colspan="2">
<textarea name="text" rows="5" cols="50">欢迎阅读服务条款协议,本条协议阐述之条款适用于。。。。。。
</textarea>
</td>
</tr>
<tr>
<td colspan="2">
<input type="checkbox" name="m" />已阅读条款
</td>
</tr>
<tr>
<td colspan="2">
<input type="reset" value="重填" />
<input type="submit" value="提交注册信息" disabled="disabled" />
</td>
</tr>
</table>
</body>
</html>
运行结果: