HTML <output> 标签的 for 属性 详解
HTML基础 2022-06-02 12:06:27小码哥的IT人生shichen
HTML <output> 标签的 for 属性
实例
执行计算然后在 <output> 元素中显示结果:
<form oninput="x.value=parseInt(a.value)+parseInt(b.value)">0
<input type="range" id="a" value="50">100
+<input type="number" id="b" value="50">
=<output name="x" for="a b"></output>
</form>
完整实例【亲自试一试】:
<!DOCTYPE html>
<html>
<body>
<form oninput="x.value=parseInt(a.value)+parseInt(b.value)">0
<input type="range" id="a" value="50">100
+<input type="number" id="b" value="50">
=<output name="x" for="a b"></output>
</form>
<p><b>注释:</b>Internet Explorer 不支持 <output> 标签。</p>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果:http://www.phpcodeweb.com/runjs.html
浏览器支持
Firefox、Opera、Chrome 以及 Safari 支持 for 属性。
注释:Internet Explorer 不支持 <output> 标签。
定义和用法
for 属性规定了计算中使用的元素与计算结果之间的关系。
HTML 4.01 与 HTML 5 之间的差异
<output> 标签是 HTML5 中的新标签。
语法
<output for="element_id">
属性值
值 | 描述 |
---|---|
element_id | 一个或多个元素的 id 列表,以空格分隔,规定计算中使用的元素与计算结果之间的关系。 |