位置:电子教程 > HTML5入门电子教程 (如果看不到内容请使用360浏览器) 推荐学习资源
HTML5 简介
HTML5 Canvas教程
HTML5 基础标签
HTML5 表单属性和input详解
HTML5 高级部分
当前阅读教程:HTML5入门电子教程 > HTML5 <output> 元素
阅读(22555525)      收藏       赞(5685)      分享
上一篇: HTML5 <keygen> 元素 下一篇: HTML5 语义元素

<output> 元素用于不同类型的输出,比如计算或脚本输出;将计算结果显示在 <output> 元素,下面我们来看下在网页中的效果,示例

小白教程网www.2d5.net

代码如下:

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>HTML5 output 元素</title>

</head>

<body>

    

     <form oninput="x.value=parseInt(a.value)+parseInt(b.value)">0

     <input type="range" id="a" value="50">100

     +<input type="number" id="b" value="50">

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

     </form>

 

     <p><strong>注意:</strong>  Internet Explorer 不支持 output 标签。</p>

 

</body>

</html>

效果如图8-9和图8-10

image.png



上一篇: HTML5 <keygen> 元素 下一篇: HTML5 语义元素
计算机毕业设计作品网      毕业设计文档网      小程序教程网       毕业设计资料网  |         毕业设计定制QQ:45157718(微信同号)(备注:毕设)