HTML5 output元素

最新推荐文章于 2025-09-19 09:17:21 发布

原创最新推荐文章于 2025-09-19 09:17:21 发布 · 940 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#html5

HTML5，元素专栏收录该内容

15 篇文章

订阅专栏

本文介绍了一个简单的HTML示例，展示了如何使用output元素实时显示输入范围内的数值。通过一个年龄选择器，用户可以拖动滑块并即时看到所选年龄的变化。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>output 元素</title>
</head>
<body>
<form>
请选择您的年龄：
18
<input type="range" name="YourAge" min="18" max="40" step="1">
<output onFromInput="value=YourAge.value">40</output>
岁
</form>
<h2>2017-3-7</h2>
</body>
</html>