<!doctype html> <html> <head> <script type="text/javascript"> function rescalc() { numa=document.getelementbyid("num_a").value; numb=document.getelementbyid("num_b").value; document.getelementbyid("result").value=number(numa)+number(numb); } </script> </head> <body> <p>使用 output 元素的简易计算器:</p> <form onsubmit="return false"> <input id="num_a" /> + <input id="num_b" /> = <output id="result" onforminput="rescalc()"></output> </form> </body> </html>
结果;
html5 有output 和 onforminput,只是浏览器没去支持而已,要知道浏览器没有全都实现了html5标准,只有opera 10 支持,本来想截个图给你看看,但貌似传不了,那你就参考《html.5与css.3权威指南》,里面有提到
问题出在onforminput属性上,将其删除然后在ff9c23ada1bcecdd1a0fb5d5a0f18437中添加oninput=rescalc(),例子就有效果了.
至于onforminput为什么会失效,作为初学者的我还不是很明白,希望有高手可以补充.
以上就是html5中output标签有什么用?的详细内容。