浅谈html5增强的页面元素

2020-04-24 18:47:31易采站长站整理

        </section><br />  
        <!–meter:规定范围内的数量值—>  
        <p>磁盘使用量:<meter value="40" min="0" max="160">40/160</meter>GB</p><br />  
        <!–dialog:对话框,默认隐藏,js控制–>  
        <input type="button" value="打开对话框"  onclick="document.getElementById(‘dg’).show();"/>  
        <input type="button" value="打开对话框showModal" onclick="document.getElementById(‘dg’).showModal();" />  
        <dialog id="dg" style="width:15%;text-align: center;">  
              <form>  
                 <label for="txtName" value="用户名:"></label>  
                 <input type="text"  id="txtName"/><br />  
                 <label for="pwd" value="密码:"></label>  
                 <input type="text"  id="pwd"/><br />  
                 <input type="button" value="登录" />  
                 <input type="button" value="关闭" onclick="document.getElementById(‘dg’).close();" />  
              </form>  
        </dialog><br /><hr />  
        <!–改良的a元素:download属性直接下载–>  
        <a href="img/QQ截图20160103144626.png" download="文件名"><img src="img/QQ截图20160103144626.png" /> </a><br />