Java Web_06从入门到精通

二、表单相关的标签和属性（重点）

HTML使用表单向服务器提交请求，表单、表单控件的主要作用就是收集用户输入、当用户提交表单时，用户输入内容被作为请求参数提交到远程服务器。因此在web编程中，
表单主要用于收集用户输入的数据。在需要与用户交互的web页面中，表单，表单控件都是极为常用的。
HTML5在保留原有HTML表单控件、属性的基础上，大大增强了表单、表单控件的功能。HTML5新增校验API，可以直接在表单控件中通过required,pattern 等属性来指定客户端的校验规则。

1.HTML原有的表单及表单控件
1.1 label定义标签
abel 元素不会向用户呈现任何特殊效果。不过，它为鼠标用户改进了可用性。如果您在 label 元素内点击文本，就会触发此控件。就是说，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。
标签的 for 属性应当与相关元素的 id 属性相同。

 <form action="">
		<label>用户名:
		<input type="text" id="username" >
		</label><br/>
		<label for="password">密码:</label>
		<input type="password"  id="password">
</form>

<form>
        <label for="male">Male</label>
       男: <input type="radio" name="sex" id="male" />
        <br />
        <label for="female">Female</label>
       女: <input type="radio" name="sex" id="female" />
    </form>

1.2button按钮
button标签用于定义一个按钮，在button标签的内部可以包含普通文本，文本格式化标签，图像等内容，这正是和input 的按钮不同之处。
控件 与 相比，提供了更为强大的功能和更丰富的内容。 与 标签之间的所有内容都是按钮的内容，其中包括任何可接受的正文内容，比如文本或多媒体内容。例如，我们可以在按钮中包括一个图像和相关的文本，用它们在按钮中创建一个吸引人的标记图像。
属性参考 www.w3school.com
1.3增强textarea
参考 www.w3school.com
1.4 fieldset和legend
用来对表单内表单元素进行分组。

<form>
  <fieldset>
    <legend>health information</legend>
    height: <input type="text" />
    weight: <input type="text" />
  </fieldset>
</form>

属性参见www.w3school.com.cn

二、HTML5新增的表单属性
2.1 form 属性
在HTML5之前，所有的表单控件都必须放在元素内部，表明该表单控件属于该表单;但HTML5为表单组件新增了form属性，用于定义该表单控件所属的表单，该属性的值应该是它所属表单的id.

<form action="first.html" id="myform">
<input type="text">
</form>
<button form="myform" type="submit">注册</button>

2.2 formaction 属性
两个以上不同的提交按钮，需要提交到不同的地方

<button type="submit" formaction="form.html">注册</button>
<button type="submit" formaction="table.html">登录</button>
<button type="submit"  form="myform" formaction="form.html">注册</button>
<button type="submit" form="my