一、表单标签（form）
首先我们先写一个<form></form>的标签，form标签属于表单标签，通常我们的登录注册界面都是有提交数据的，是和服务器交互用的，用户在提交信息后，给服务器，服务器再根据提交的信息保存，这个时候就需要form标签了。
form标签里面常见属性有两种：
action: 这个是表单提交给某服务器的地址。
method: 用什么方式提交。通常我们常见的是：get和post这两种，区别就是用户在写信息时显示的是明文还是暗文。
1：Get: 提交有长度限制，并且编码后的内容地址栏可见。（不安全，少用）
<form action="指向交给谁,网页地址" method="get"/>
//传递的值是有长度限制的。浏览器的地址栏里面可以看到，特殊时用。
2：Post: 提交无长度限制，并且编码后内容不可见。
<form action="指向交给谁,网页地址" method="post"/>
//传递的值没有长度限制，浏览器的地址栏里面不可以看到，常用。
如下例：
<form action="http://www.baidu.com" method="get">
</form>
111.jpg
二、文本输入
//文本框
<input tyfe="text做文本框的" name="用户名" value="值"/>
//密码框，可以让用户输入的密码显示为黑点。
<input tyfe="password" name="名字" value="值"/>
//隐藏域，这个提交表单是可以提交的，但是用户是看不到的。
<input tyfe="hidden" name="名字" value="值"/>
//文本域(多行文本)，非常大的区域，用户可以在里面写文章。
<textarea name="名字" cols="字符多少" rows="几行高"</textarse>
1、用户注册
先做一个用户注册界面，我们用文本框的方式进行编写：
<form action="http://www.baidu.com" method="get">
<table>
<tr>
<td>用户名：</td>
<td>
<input type="text" name="user" value=""/>
</td>
</tr>
</table>
</form>
222.jpg
因为只写了一条，整个表单的框还是看不出来的。
2、密码框
<tr>
<td>密码：</td>
<td>
<input type="password" name="pw" value=""/>
</td>
</tr>
333.png
3、确认密码
和密码框是一样的。属于常用步骤。
三、选择框
1、单选框（性别选项）
<tr>
<td>性别：</td>
<td>
<input type="radio" name="sex" id="man1" value="1" />
<label for="man1">男</label>
<input type="radio" name="sex" id="man2" value="0" />
<label for="man2">女</label>
</td>
</tr>
333.jpg
444.jpg
2、复选框
做一个类似于爱好类型的：
<tr>
<td>爱好：</td>
<td>
<input id="a1" type="checkbox" name="love" value="a" />
<label for="a1">抽烟</label>
<input id="b1" type="checkbox" name="love2" value="b" />
<label for="b1">喝酒</label>
<input id="c1" type="checkbox" name="love3" checked="checked" value="c"/>
<label for="c1">美女</label>
</td>
</tr>
555.jpg
666.jpg
四、下拉列表框
下拉列表标签：<select></select>
<selet name="名字" size="等于1时为列表" multiple="multiple"多选的意思/>
民族为列：
<tr>
<td>民族：</td>
<td>
<select name="nation">
<option value="1" selected>汉族</option>
<option value="2">满族</option>
<option value="3">苗族</option>
<option value="4">回族</option>
<option value="5">彝族</option>
<option value="6">傣族</option>
</select>
</td>
</tr>
77.jpg
888.jpg
五、按钮
//1、普通按钮
<input type="button" name="按钮名字" value="值"/>
//如果想让用户读不到，那么可以添加一下：
<input type="button" name="按钮名字" disabled="disabled" value="值"/>
//2、提示按钮
<input type="submit" name="按钮名字" valer="值"/>
//如果想让用户读不到，那么可以添加一下：
<input type="submit" name="按钮名字" disabled="disabled" value="值"/>
//3、重置按钮
<input type="reset" name="按钮名字" valer="值"/>
//如果想让用户读不到，那么可以添加一下：
<input type="reset" name="按钮名字" disabled="disabled" value="值"/>
//4、图片按钮
<input type="image" name="按钮名字" src="图片地址"/>
//如果想让用户读不到，那么可以添加一下：
<input type="image" name="按钮名字" disabled="disabled" src="图片地址">
注册按钮例：
<tr>
<td colspan="2">
<input type="submit" value="注册" />
<input type="reset" value="重置" />
<input type="image" src="HTML/1.gif" />
</td>
</tr>
111.jpg
222.jpg
