无涯教程-HTML - <output>属性 HTML <output>标签指定计算结果。 output示

HTML <output>标签指定计算结果。

output示例

<!DOCTYPE html>
<html>

   <head>
      <title>HTML Output Tag</title>
   </head>

   <body>
      <form oninput="sumresult.value=parseInt(z1.value)&plus;parseInt(z2.value)&plus;parseInt(z3.value)">
         <input type="range" name="z1" value="0" /> +
         <input type="number" name="z2" value="20" /> +
         <input type="number" name="z3" value="40" /><br />
         The output is: <output name="sumresult"></output>
      </form>
   </body>

</html>

这将产生以下结果-

全局属性

此标签支持- HTML中所述的所有全局属性。

特定属性

HTML <output>标签还支持以下其他属性-

Attribute	Value	描述
for	for	其他元素的ID列表，即，它指示为计算贡献了输入值的元素。
form	form	允许将输出元素放置在文档中的任何位置。
name	name	它是元素的名称。

事件属性

此标签支持HTML 中描述的所有事件属性。

浏览器支持

Chrome	Firefox	IE	Opera	Safari	Android
Yes	Yes	No	Yes	Yes	No

无涯教程-HTML - <output>属性

output示例

全局属性

特定属性

事件属性

浏览器支持

参考链接