HTML <output> 标签的 form 属性 详解
HTML基础 2022-06-02 12:06:30小码哥的IT人生shichen
HTML <output> 标签的 form 属性
实例
位于表单之外的一个 <output> 元素（但仍然属于表单的一部分）：
<form action="demo_form.php" id="numform"
oninput="x.value=parseInt(a.value)+parseInt(b.value)">0
<input type="range" id="a" name="a" value="50">100
+<input type="number" id="b" name="b" value="50">
<br><br>
<input type="submit">
</form>
<output form="numform" name="x" for="a b"></output>
完整实例【亲自试一试】：
<!DOCTYPE html>
<html>
<body>
<form action="/demo/demo_form.php" id="numform" oninput="x.value=parseInt(a.value)+parseInt(b.value)">0
<input type="range" id="a" name="a" value="50">100
+<input type="number" id="b" name="b" value="50">
<br><br>
<input type="submit">
</form>
<p>下面的一个 <output> 元素位于表单之外的，但仍然属于表单的一部分：</p>
<p><b>注释：</b>Internet Explorer 不支持 <output> 标签。</p>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
浏览器支持
所有主流浏览器都不支持 form 属性。
定义和用法
form 属性规定 <output> 元素所属的一个或多个表单。
HTML 4.01 与 HTML 5 之间的差异
<output> 标签是 HTML5 中的新标签。
语法
<output form="form_id">
属性值
| 值 | 描述 |
|---|---|
| form_id | 规定 <output> 元素所属的表单元素。该值必须是同一文档中的 <form> 元素的 id 属性。 |
