位置:电子教程 > 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(微信同号)