执行计算然后在 <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>
IE | Firefox | Chrome | Safari | Opera |
---|---|---|---|---|
Firefox, Chrome, Safari 以及 Opera 支持 <output> 标签。
注释:Internet Explorer 8 以及更早的版本不支持 <output> 标签。
<output> 标签定义不同类型的输出,比如脚本的输出。
<output> 标签是 HTML 5 中的新标签。
new : HTML5 中的新属性。
属性 | 值 | 描述 |
---|---|---|
for | element_id | 定义输出域相关的一个或多个元素。 |
form | form_id | 定义输入字段所属的一个或多个表单。 |
name | name | 定义对象的唯一名称。(表单提交时使用) |
<output> 标签支持 HTML 中的全局属性。
<output> 标签支持 HTML 中的事件属性。
如对本文有疑问,请提交到交流论坛,广大热心网友会为你解答!! 点击进入论坛