HTML5 output标签

发表于2015-05-22 13:27:12| 854次阅读| 来源webkfa| 作者小五

摘要：output标签定义不同类型的输出，比如脚本的输出

定义和用法
<output> 标签定义不同类型的输出，比如脚本的输出。

实例
执行计算然后在 <output> 元素中显示结果：

		html5代码
	

运行代码

<!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>

01<!DOCTYPE html>
02<html>
03<body>
04 
05<form oninput="x.value=parseInt(a.value)+parseInt(b.value)">0
06<input type="range" id="a" value="50">100
07+<input type="number" id="b" value="50">
08=<output name="x" for="a b"></output>
09</form>
10 
11<p><b>注释：</b>Internet Explorer 不支持 <output> 标签。</p>
12 
13</body>
14</html>

浏览器支持
Firefox, Chrome, Safari 以及 Opera 支持 <output> 标签。
注释：Internet Explorer 8 以及更早的版本不支持 <output> 标签。

HTML 4.01 与 HTML 5 之间的差异
<output> 标签是 HTML 5 中的新标签。

属性
new : HTML5 中的新属性。

		js代码
	

1//定义输出域相关的一个或多个元素。
2for=element_id
3 
4//定义输入字段所属的一个或多个表单。
5form=form_id
6 
7//定义对象的唯一名称。（表单提交时使用）
8name=name

全局属性
<output> 标签支持 HTML 中的全局属性。

事件属性
<output> 标签支持 HTML 中的事件属性。

HTML5 output标签

发表于2015-05-22 13:27:12| 854次阅读| 来源webkfa| 作者小五

相关文章

html5标题快速浏览33

相关文章