HTML5--使用表单外的元素

最新推荐文章于 2022-09-07 10:41:48 发布

diligentyang

最新推荐文章于 2022-09-07 10:41:48 发布

阅读量3.7k

点赞数 3

分类专栏： HTML+CSS 文章标签： html5 表单 html

本文链接：https://blog.csdn.net/qq_28602957/article/details/52288526

版权

HTML+CSS 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

使用表单外的元素

在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>