html< output>标签笔记

原创 PHP笔记  2017-08-19 19:49  阅读 739 views 次

html中,<output>标签是用来输出显示计算结果。<output>标签是html5新增属性,目前,Firefox、Opera、Chrome和Safari浏览器都已经支持,但Internet Explorer浏览器还不支持。

<output>标签基本属性

  • for:描述计算中使用的元素与计算结果之间的关系(值:element_id)。
  • form:定义输入字段所属的一个或多个表单(值: form_id)。
  • name:定义对象的唯一名称(值:名称)。

<output>标签支持html全局属性和html事件属性

格式:

<output name="名称" ></output>

实例:

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>html< output>标签笔记_PHP笔记</title>
</head>
<body>
<form oninput="c.value=parseInt(a.value)+parseInt(b.value)">
<input type="number" id="a" value="50">
+<input type="number" id="b" value="50">
=<output name="c" for="a+b=c"></output>
</form>
</body>
</html>

运行结果:

本文地址:https://www.ggbiji.com/html-output.html
版权声明:本文为 PHP笔记 原创/整理文章,欢迎分享,转载请注明出处!

发表评论


表情