用户注册界面
源代码:
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>用户注册界面</title>
</head>
<body>
<h1>用户注册</h1>
<!--
action属性用于指定表单提交时向何处发送表单数据,即需要发送的服务器地址
method用于指定表单向服务器提交数据的方法
-get 使用URL传递参数
-post 将数据封装后使用http请求传递
-->
<form action="" method="get">
<table>
<tr>
<td>登录名:</td>
<td>
<input type="text" name="us"/>(可包含a-z、0-9和下划线)
</td>
<td>
<b>阅读服务协议</b>
</td>
</tr>
<tr>
<td>密码:</td>
<td>
<input type="password" name="mm"/>(至少包含6个字符)
</td>
<td rowspan="8">
<textarea style="height: 250px; width: 200px; resize: none; overflow-y: scroll;" readonly="readonly"> 欢迎阅读服务条款协议,该协议特别提示:在使用河北移动和生活APP提供的各项服务之前,您应当认真阅读并遵守《河北移动和生活APP客户服务协议》(以下简称“本协议”)请您务必审慎阅读、充分理解各条款内容,特别是免除或者限制责任的条款、争议解决条款。免除或者限制责任的条款可能会以加粗字体显示,您应重点阅读。如您对协议有任何疑问,应向河北移动客服咨询。当您按照登录页面提示填写信息、阅读并同意本协议且完成全部登录程序后,或您以其他河北移动和生活APP允许的方式实际使用河北移动和生活APP的服务时,即表示您已充分阅读、理解并接受本协议的全部内容,并与河北移动达成协议。您承诺接受并遵守本协议的约定,届时您不应以未阅读本协议的内容或者未获得河北移动对您问询的解答等理由,主张本协议无效,或要求撤销本协议。
</textarea>
</td>
</tr>
<tr>
<td>再次输入密码:</td>
<td>
<input type="password" name="zcmm"/>
</td>
</tr>
<tr>
<td>电子邮箱:</td>
<td>
<input type="text" name="dzyx"/>(必须包含@字符)
</td>
</tr>
<tr>
<td>性别:</td>
<td>
<!--
name和value属性同时存在时,提交时,提交的是value中的属性值
radio凭借name 属性区分是否为同一组,相同时是同一组
checked="checked"是默认选中
-->
<input type="radio" name="sex" value="男" checked="checked">
男
<input type="radio" name="sex" value="女">
女
</td>
</tr>
<tr>
<td>头像:</td>
<td>
<input type="file" accept="image/*" name="tx"/>
</td>
</tr>
<tr>
<td>爱好:</td>
<td>
<input type="checkbox" name="ah" value="运动"/>运动
<input type="checkbox" name="ah" value="聊天"/>聊天
<input type="checkbox" name="ah" value="玩游戏"/>玩游戏
</td>
</tr>
<tr>
<td>喜欢的城市:</td>
<td>
<select name="city">
<option>[请选择]</option>
<option>青岛</option>
<option>烟台</option>
<option>北京</option>
</select>
</td>
</tr>
<tr>
<td></td>
<td>
<input type="submit" value="同意右侧服务条款,请提交注册信息" disabled="disabled"/>
<input type="reset" value="重填"/>
</td>
</tr>
</table>
</form>
</body>
</html>