您的位置:首页 > Web前端 > HTML

HTML页面交互元素

2020-02-16 22:50 537 查看

1、details元素和summary元素
details元素用于描述文档或者文档某个部分的细节。summary元素经常与details元素配合使用,作为details元素的第一个子元素,用于为details定义标题。标题是可见的,当用户单击标题时,会显示或隐藏details中的其他内容。
例如:

显示列表
  • 列表1
  • 列表2
2、progress元素 用于表示一个任务的完成进度。这个进度可以是不确定的,只是表示进度正在进行,但是不清楚还有多少工作量没有完成。也可以用0到某个最大数字(如100)之间的数字来表示准确的进度完成情况(如进度百分比) 属性值有两个: value:已经完成的工作量。 max:总共有多少工作量。 注意的是value和max属性的值必须大于0,且value的值要小于或等于max属性的值。

我的工作进度

3、meter元素 meter元素用于表示指定范围内的数值。例如,显示硬盘容量或者对某个候选者的投票人数占投票总人数的比例等,都可以使用meter元素。

属性
high 说明定义度量的值位于那个点被界定为高的值
low 定义度量的值位于哪个点被界定为低的值
max 定义最大值,默认值是1
min 定义最小值,默认值是0
optimum 定义什么样的度量值是最佳的值。如果该值高于high 属性,则意味着值越高越好。如果该值低于low属性的值,则意味着值越低越好
value 定义度量的值

  • 点赞
  • 收藏
  • 分享
  • 文章举报
qq_anan 发布了12 篇原创文章 · 获赞 0 · 访问量 87 私信 关注
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: