HTML5 提供的 output 标签,用于显示出一些计算的结果或者脚本的其他结果。output 标签必须从属于某个表单,也就是说,必须将 output 标签写在表单内部,或者在该元素中添加 form 属性。
output 标签语法:
<output for="" form="" name=""></output>
output 标签属性:
属性 | 说明 |
---|---|
for | 定义输出域相关的一个或多个元素 |
form | 定义输入字段所属的一个或多个表单 |
name | 定义对象的唯一名称(表单提交时使用) |
【实例】使用 output 标签输入结果。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="author" content="pan_junbiao的博客">
<title>HTML5使用<output>标签:显示一些计算结果</title>
</head>
<body>
<form oninput="x.value=parseInt(number.value)">
<input type="range" name="number">
<output for="number" name="x"></output>
</form>
</body>
</html>
执行结果: