时间：2023-09-27 06:12:02 | 来源：网站运营
时间：2023-09-27 06:12:02 来源：网站运营
轻松学：网页设计7-html网页的页面交互元素：HTML5是一些独立特性的集合，它不仅增加了许多Web页面特性，而且本身也是一个应用程序。对于应用程序而言，表现最为突出的就是交互操作。
在线咨询
<!doctype html><html><head><meta charset="utf-8"><title>details和summary元素的使用</title></head><body> <details> <summary>显示列表</summary> <ul> <li>列表1</li> <li>列表2</li> </ul> </details></body></html>2.progress元素用于定义一个正在完成的进度条，这个进度可以是不确定的，只是表示进度正在进行，但是不清楚还有多少工作量没有完成 <body> <h1>我的工作进展</h1> <p><progress min="0" max="100" value="50"></progress></p></body>3.meter元素用于表示指定范围内的数值。<!doctype html><html><head><meta charset="utf-8"><title>meter元素的使用</title></head><body> <h1>学生成绩列表</h1> <p> 小红：<meter value="65" min="0" max="100" low="60" high="80" title="65分" optimum="100">65</meter><br/> 小明：<meter value="80" min="0" max="100" low="60" high="80" title="80分" optimum="100">80</meter><br/> 小李：<meter value="75" min="0" max="100" low="60" high="80" title="75分" optimum="100">75</meter><br/> </p></body></html><!doctype html><html><head><meta charset="utf-8"><title>draggable属性的应用</title></head><body><h3>元素拖动属性</h3><article draggable="true">这些文字可以被拖动</article>可拖动的图片<img src="images/td.jpg" draggable="true"> </body></html>7.在HTML5中，大多数元素都支持hidden属性，该属性有两个属性值：true和false。当hidden属性取值为true时，元素将会被隐藏，反之则会显示。元素中的内容是通过浏览器创建的，页面装载后允许使用JavaScript脚本将该属性取消，取消后该元素变为可见状态，同时元素中的内容也及时显示出来。<!doctype html><html><head><meta charset="utf-8"><title>contenteditable属性的应用</title></head><body><h3>可编辑列表</h3><ul contenteditable="true"> <li>列表1</li> <li>列表2</li> <li>列表3</li> <li>列表4</li></ul></body></html>针对页面交互元素HTML5中的重要元素分别进行了讲解.关键词：交互,设计
