html5-output的用法

最新推荐文章于 2021-06-15 18:44:32 发布

weixin_34109408

最新推荐文章于 2021-06-15 18:44:32 发布

阅读量582

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/houweidong/p/7532110.html

本文通过一个简单的HTML示例展示了如何使用output元素来显示表单中两个输入字段的计算结果。该示例利用了JavaScript的oninput事件实时更新计算结果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title>output的用法</title>
</head>
<body>
   <form action="" id="myform" oninput="sumnumber.value=parseInt(number1.value)+parseInt(number2.value)">
   <input type="number" name="number1">+
   <input type="number" name="number2">=

   
       <output name="sumnumber" for="number1 number2"></output>
   </form>
</body>
</html>

转载于:https://www.cnblogs.com/houweidong/p/7532110.html