《form表单之input》
<body>
<!--<action="ip地址端口访问的路径以及数据"-->
<from action="" method="post">
<p>
<lable for = "c1">
姓名：
</lable>
<input type="text" name="username" value="" id = "c1"></p>
<p>密码：<input type="password" name="password" value=""></p>
<p>性别<input type="radio" name="gender" value="male" checked>男
<input type="radio" name="gender" value="female">女</p>
<p>爱好 <input type="checkbox" name="hobby" value="basketball" checked="checked">篮球
<input type="checkbox" name="hobby" value="football">足球
<input type="checkbox" name="hobby" value="study">学习</p>
<p>头像：<input type="file" name="fileOBJ"></p>
<p><input type="hidden" name="csrf" value="asdfasd"></p>
<p>个人简介 <br>
<textarea name="personalinfo" id="" cols="50" rows="20"></textarea>
</p>
<p><input type="reset" value="reset"></p>
<p><input type="button" value="按钮"></p>
<p><input type="submit" value="注册"></p>
</from>
</body>
《input》标签下的属性：
type 规定 input 元素的类型。
name 定义 input 元素的名称。
value 规定 input 元素的值。
checked 规定此 input 元素首次加载时应当被选中。
lable 可以把“姓名：” 的后面的代码利用id关联到一块。
《input》标签下的type属性的元素：
button 定义可点击按钮（多数情况下，用于通过 JavaScript 启动脚本）。
checkbox 定义复选框。
file 定义输入字段和 "浏览"按钮，供文件上传。
hidden 定义隐藏的输入字段。
image 定义图像形式的提交按钮。
password 定义密码字段。该字段中的字符被掩码。
radio 定义单选按钮。
reset 定义重置按钮。重置按钮会清除表单中的所有数据。
submit 定义提交按钮。提交按钮会把表单数据发送到服务器。
text 定义单行的输入字段，用户可在其中输入文本。默认宽度为 20 个字符。
《form表单之select标签》
示例代码
<from>
<body>
<p>
<select name="province" size="5" multiple="multiple">
<option value="hebei">河北省</option>
<option value="jiangxi">江西省</option>
<option value="hunan" selected>湖南省</option>
<option value="hunan" selected="selected">湖北省</option>
<option value="hunan">海南省</option>
</select>
</p>
</from>
</body>
select标签中常用的属性
multiple 规定可选择多个选项。
name 规定下拉列表的名称。
size 规定下拉列表中可见选项的数目。
《div标签和span标签》
<div> 是一个块级元素。这意味着它的内容自动地开始一个新行。实际上，换行是 <div> 固有的唯一格式表现。可以通过 <div> 的 class 或 id 应用额外的样式。
不必为每一个 <div> 都加上类或 id，虽然这样做也有一定的好处。
可以对同一个 <div> 元素应用 class 或 id 属性，但是更常见的情况是只应用其中一种。这两者的主要差异是，class 用于元素组（类似的元素，或者可以理解为某一类元素），而 id 用于标识单独的唯一的元素。
span
使用 <span> 来组合行内元素，以便通过样式来格式化它们。
注释：span 没有固定的格式表现。当对它应用样式时，它才会产生视觉上的变化。