html表单与页面控件

这里写图片描述

根据图片运用所学知识,编写代码,代码以及展示效果如下:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>paipai</title>
</head>

<body>
<form>
<table bgcolor="#44444444" border="0" width="500px" height="700px">
<tr bgcolor="#FFFFFF">
<td align="center" colspan="2" valign="top"><font size="19">拍拍用户注册 </font></td>
</tr>
<tr bgcolor="#FFFFFF">
<td align="left">真实姓名:</td>
<td><input type="text" size="20" maxlength="20"/></td>
</tr>
<tr bgcolor="#FFFFFF">
<td>用户姓名:</td>
<td><input type="radio" value="男" name="sex" checked="checked"/><input type="radio" value="女" name="sex" /></td>
</tr>
<tr bgcolor="#FFFFFF">
<td>密码:</td>
<td><input type="password" name="paswd" size="20" maxlength="20"/></td>
</tr>
<tr bgcolor="#FFFFFF">
<td>密码保护问题:</td>
<td><select name="question">
<option value="">选择一个问题</option>
<option value="1">你的生日是?</option>
<option value="2">你的出生地?</option>
<option value="3">你的乳名?</option>
</select></td>
</tr>
<tr bgcolor="#FFFFFF">
<td>请选择关注的商品类型:</td>
<td><input type="checkbox"  name="product" value="数码产品" checked="checked"/>数码产品
<input type="checkbox"  name="product" value="运动系列"/>运动系列
<input type="checkbox"  name="product" value="家居用品"/>家居用品
<input type="checkbox"  name="product" value="音像制品"/>音像制品
</td>
</tr>
<tr bgcolor="#FFFFFF" rowspan="2">
<td align="center" colspan="2"><input type="submit" value="提交"/>
<input type="reset" value="清空"/><br>
 <font color="#</h3>EA2000">点击提交,即表示同意接受下面拍拍协议</font>
 </td>
</tr>
<tr bgcolor="#FFFFFF" rowspan="3">
<td>拍拍协议</td>
<td><textarea cols="45" rows="5">
腾讯公司依据本协议的规定提供服务,本协议具有合同效力。您必须完全同意本协议,才能够享受本网站提供的服务。您在拍拍网登录即表示您完全接受本协议的全部条款。
重要须知: 腾讯在此特别提醒用户认真阅读本《拍拍网用户服务协议》--- 用户应认真阅读本《拍拍网用户服务协议》 (下称《协议》)中各条款, 包括免除或者限制腾讯责任的免责条款及对用户的权利限制。请您审阅并接受或不接受本《协议》(未成年人应在法定监护人陪同下审阅)。除非您接受本《协议》条款,否则您无权使用本网站提供的相关服务。您的使用行为将视为对本《协议》的接受,并同意接受本《协议》各项条款的约束。
</textarea></td>
</tr>
</table>
</form>
</body>
</html>

展示效果:
这里写图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值