html----表单及其控件
用<form>
</form>来包括者，是最重要的事。
然后关键字input，这是一个重要的添加元素的工具
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>表格</title>
</head>
<body>
<form>
<table border="1" cellspacing="0" height="500">
<tr style="vertical-align: top;">
<td colspan="2" align="center" > 拍拍用户注册 </td>
</tr>
<tr>
<td> 真实姓名 </td>
<td>
<input type="text" />
</td>
</tr>
<tr>
<td>用户性别</td>
<td>
<input type="radio" name="sex" value="男"checked="checked" />男
<input type="radio" name="sex" value="女" />女
</td>
</tr>
<tr>
<td>密码</td>
<td>
<input type="password" />
</td>
</tr>
<tr>
<td>密码保护问题</td>
<td>
<select name="密码问题">
<option values="">选择一个问题</option>
<option values="张三丰"> 你爸叫啥</option>
<option values="任盈盈"> 你妈叫啥</option>
</select>
</td>
</tr>
<tr>
<td> 请选择关注的商品类别</td>
<td>
<input type="checkbox" name="sp" value="数码产品" />数码产品
<input type="checkbox" name="sp" value="运动系列" />运动系列
<input type="checkbox" name="sp" value="家居用品" />家居用品
<input type="checkbox" name="sp" value="音像制品" />音像制品
</td>
</tr>
<tr>
<td colspan="2" align="center">
<input type="submit" name="提交"/>
<input type="reset" name="重置"/>
</td>
</tr>
<tr>
<td>拍拍协议</td>
<td>
<textarea rows="5",cols="100" > 第四条甲方为使乙方所辖区域更好运营，开发和提供适销产品，保证产品质量符合标准，合理定价，最大限度保证乙方的供应。在本协议期间，甲方承诺，积极协助 承担市场物流、组织功能乙方按甲方规划进行市场设计和拓展市场网络。甲方承诺在乙方要求下，可为乙方代办货物托运及相应事项，用乙方要求的方式运输到乙方 所指定的地点，其运输、保险等费用均由受益人乙方支付。甲方为乙方提供适当的培训和辅导。作为市场开发和业务拓展必备条件，以保证整个系统持续统一。甲方 负责组织品牌宣传，并协同承担市场物流、组织功能的乙方开展区域性的促销活动，最大限度地支持乙方的经营。甲方在作出的广告及推广活动之前，须先将有关活 动资料通知乙方，以使乙方能于活动前作出适当准备及加以响应。甲方的品牌和产品及相关的灯箱广告、POP广告、店铺内外之装潢设计及陈设，由甲方定出 VIS形象设计，并为乙方提供相应辅导。
第五条乙方保护甲方的商标等知识产权，规范地使用甲方商标标识。乙方有义务协助甲方打假、市场监管。举报、举证假冒伪劣产品、窜货以及其它不正当竞争行 为。协同甲方与当地相关的执法部门进行协调、沟通。乙方只能在甲方授权的区域内开展业务，不得在其它区域销售商品，如未有其它分销商经营的区域，乙方如愿 发展业务，必须向甲方申请。 </textarea>
</td>
</tr>
</table>
</form>
</body>
</html>
<text>
文本类型
<password> 密码类型
<checkbox> 多选择类型
<radio>单选择类型
<button>普通按钮类型
扫描二维码关注公众号，回复：
4486747 查看本文章
<submit>提交类型
<reset>重置类型
<img>图片提交类型
<textarea>大片文本
这些在上面的例子都有体现