HTML5--使用表单外的元素

来源：互联网发布：淘宝名叫什么好编辑：程序博客网时间：2024/06/06 10:28

使用表单外的元素

在HTML4中，input、button和其他与表单相关的元素必须放在form元素中。而在HTML5中，这条限制不复存在。现在可以将这类元素与文档中的任何地方的表单挂钩。input、button以及一些其他与表单相关的元素都定义了一个form属性，该属性正是用于这个目的。要将这类元素与并非其祖先元素的form元素挂钩，只需将其form属性设置为相关form元素的id属性值即可。

例如：

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>使用表单外的元素</title></head><body><form id="voteform" method="post" action="http://www.baidu.com">    <p>        <label for="fave">Fruit: <input autofocus id="fave" name="fave"></label>    </p></form><p>    <label for="name">Name: <input form="voteform" id="name" name="name"> </label></p><button form="voteform" type="submit">Submit Vote</button><button form="voteform" type="reset">Reset</button></body></html>

此例中只有一个input元素是那个form元素的后代元素。另一个input元素和两个button元素都位于form元素之外，但是它们都通过设置form属性与那个form元素关联在了一起。

HTML5的这一新功能目前非常受欢迎。

2 0