当你需要计算两个输入的结果并将结果放到一个标签里的时候,就需要输出元素了。比如你有两个文本框(参见下图),你想要让这些文本框数字相加,然后输出给标签。

下面就是如何使用HTML 5代码输出元素。

<form onsubmit="return false"  &ouml;ninput="o.value = parseInt(a.value) + parseInt(b.value)">
<input name="a" type="number"> +
<input name="b" type="number"> =
<output name="o" />
</form>

为了简单起见,你也可以用“valueAsNumber”替换“parseInt”。为了更具可读性,你也可以在输出元素中使用“for”。

<output name="o" for="a b"></output>

最新文章

  1. 优化JS加载时间过长的一种思路
  2. 在Python应用中使用MongoDB
  3. java中类的初始化和对象的初始化
  4. mySQL 50个查询系列
  5. ok6410 android driver(5)
  6. PERCONA-TOOLKIT 工具文档
  7. 融云的Java端实现
  8. Chapter 7. Dependency Management Basics 依赖管理基础
  9. Auto Install Workflow Manager 1.0
  10. POJ3260:The Fewest Coins(混合背包)
  11. 清空DateTimePicker控件的好方法
  12. NET Framework 版本和依赖关系
  13. Oracle入门之对表内容的dml操作
  14. Jenkins的一些笔记
  15. 解析ArcGis的标注(一)——先看看分数式、假分数式标注是怎样实现的
  16. 【转】Intro to ShockBurst/Enhanced ShockBurst
  17. awk技巧 nginx access.log
  18. Linux命令——磁盘管理
  19. binlog cache size设置是否合理判断
  20. java基础-day4

热门文章

  1. centos7云服务器安装nginx记录
  2. 【C# .Net GC】条件自动垃圾回收 HandleCollector类
  3. 【C# 锁】SpinWait结构 -同步基元|同步原语
  4. 【论文考古】量化SGD QSGD: Communication-Efficient SGD via Gradient Quantization and Encoding
  5. 使用Three.js实现神奇的3D文字悬浮效果
  6. matlab图形中添加文本框
  7. docker学习笔记(3)- 镜像
  8. web自动化之selenium(三)文件上传
  9. 【黑马程序员C++ STL】学习记录
  10. Arch Linux 安装 Anbox