表单域：存放表单的区域。把表单控件里面的信息全部收集提交。
表单控件
input表单控件：
1.是个单标签 </input>
2.input可以通过type（类型）属性来变换形状
单选按钮注意：
<body>
<p>用户名：<input type="text" value="请输入你的名字" /></p>
<p>密 码：<input type="password" /></p>
<p>性 别：<input type="radio" /> 男 <input type="radio" /> 女 </p>
</body>
由图能够看出来，此时可以对性别男和女同时选中，这是错误的，因此只需要将单选按钮名称统一即可。
修改
<body>
<p>用户名：<input type="text" value="请输入你的名字" /></p>
<p>密 码：<input type="password" /></p>
<p>性 别：<input type="radio" name="sex" /> 男 <input type="radio" name="sex" /> 女 </p>
</body>
此时，只能选中 男 或者 女，不能两者同时选中。
单选按钮和复选按钮默认的被选中状态：
使用checked="checked"即可实现
label标签的使用
1.用label标签直接包裹input标签就可以了
2.如果label标签里面有许多个表单，想定位到某个，可以通过for...id的格式来进行
例：
<body>
<h3>label标签的使用</h3>
<label>用户名：<input type="text" /></label> <br />
<label for="two">用户名：<input type="text" />密码：<input type="password" id="two" /></label>
</body>
通过效果图可以看出，有多个文本框时，通过使用for...id可以控制光标定位到哪个文本框。
文本域控件：<textarea>...</textarea>双标签
作用：可以实现文本的多行输入
留言板：<textarea>请输入留言</textarea>
效果图：
下拉菜单：
代码结构：
<select>
<option>选项1</option>
<option>选项2</option>
<option>选项3</option>
...
</select>
代码：
学科：
<select>
<option>请选择你喜欢的学科</option>
<option>HTML</option>
<option>CSS</option>
<option>JAVA</option>
<option>前端</option>
<option>数学</option>
</select>
效果图：
如果你想使下拉菜单初始默认一个，可以在option标签内，使用selected="selected"
如：
学科：
<select>
<option>请选择你喜欢的学科</option>
<option>HTML</option>
<option>CSS</option>
<option>JAVA</option>
<option>前端</option>
<option selected="selected">数学</option>
</select>
表单域：
语法结构：
<form action="url地址" method="提交方式" name="表单名称">
各种表单控件
</form>
常用属性：
1. Action
在表单收集到信息后，需要将信息传递给服务器进行处理，action属性用于指定接收并处理表单数据的服务器程序的url地址。
2. method
用于设置表单数据的提交方式，其取值为get或post。
3. name
用于指定表单的名称，以区分同一个页面中的多个表单。
<h3>表单域</h3>
<form action="table.html" method="post" name="one">
<p><label>用户名：<input type="text" /></label></p>
<p><label>密 码：<input type="password" /></label></p>
<p><input type="submit" value="提交数据" /></p>
<p><input type="reset" value="重置数据" /></p>
</form>
</form>
效果：
