HTML<output>属性

/ / HTML<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>

这将产生以下结果-

无涯教程网

链接:https://www.learnfk.comhttps://www.learnfk.com/html/html-output-tag.html

来源:LearnFk无涯教程网

全局属性

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

特定属性

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

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

事件属性

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

浏览器支持

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

祝学习愉快! (发现内容有误?请选中要编辑的内容 -> 右键 -> 修改 -> 提交!帮助我们改进教程质量)

精选教程推荐

👇 以下精选教程可能对您有帮助,拓展您的技术视野

结构思考力 · 透过结构看表达 -〔李忠秋〕

结构执行力 -〔李忠秋〕

快速上手C++数据结构与算法 -〔王健伟〕

朱涛 · Kotlin编程第一课 -〔朱涛〕

正则表达式入门课 -〔涂伟忠〕

现代C++编程实战 -〔吴咏炜〕

Spring Boot与Kubernetes云原生微服务实践 -〔杨波〕

零基础学Java -〔臧萌〕

趣谈Linux操作系统 -〔刘超〕

📝 好记忆不如烂笔头,留下您的学习笔记吧!

暂无学习笔记,成为第一个分享的人吧!

您的笔记将帮助成千上万的学习者