1. meter范围

<meter> 标签定义已知范围或分数值内的标量测量。也被称为 gauge(尺度)。

例子:磁盘用量、查询结果的相关性,等等。

注释:<meter> 标签不应用于指示进度(在进度条中)。如果标记进度条,请使用 <progress> 标签

几个重要的属性:

Min为最小范围

Max为最大范围

High的值被视为比较高的取值

Low的值被视为比较低的取值

Value为当前具体的值

例如:

<meter value="20" min="0" max="100" high="80" low="60"></meter>

可以理解为满分100,80分为高分,60分为低分,当value在不同区间时显示的颜色是不同的。

如,当value为90时:

当value为70时:

当value为40时:

2. progress进度条

进度条使用progress标签,它有两个属性,value和max,如:

<progress value="20" max="100"></progress>

注:如果一个属性都不写,如下:

<progress></progress>

效果是进度条一直在那里循环动:

不同浏览器效果也不同:

3. range滑条

Range不是标签,是input标签的一种取值类型:

<form οninput="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>

4. Number数字框

数字框和上面的range一样,是input标签的一个取值类型,例子见range。

5. 文本输入框默认文字

一个文本框,还没有输入任何内容前,在框内显示一些文字,可用于提示用户输入。

<input type="text" placeholder="请输入账号"></input>

html5_滑条等其他标签相关推荐

  1. Python混淆矩阵可视化:plt.colorbar函数自定义颜色条的数值标签、配置不同情况下颜色条的数值范围以及数据类型(整型、浮点型)

    Python混淆矩阵可视化:plt.colorbar函数自定义颜色条的数值标签.配置不同情况下颜色条的数值范围以及数据类型(整型.浮点型) 目录

  2. Unity3D之UGUI基础6:Slider滑条

    前文:https://blog.csdn.net/Jaihk662/article/details/87868676(Button按钮) 一.Slider滑条简介 Slider组成部分: Slider ...

  3. 自定义滑条封装含有百分比例显示(swift版)

    之前经常会用UIProgress的控件,但是有时候有的地方会要求你上面有个显示比例的地方,所以为了方便以后用到就自己封装了一个小的demo!(https://img-blog.csdn.net/201 ...

  4. [Unity3D]简单的UGUI滑条控制物体移动

    滑条控制物体移动 在做作业的时候需要用滑条控制物体的直线滑动,简单写了一下,在这里分享一下 1.效果 2.用法 创建一个canvas 在canvas上创建一个slider,命名为Mslider 给Ms ...

  5. Unity使用设置界面Slider控制音量,场景切换时音量滑条都不改变

    目录 创建设置界面 设置滑条控制音乐 场景切换保证音量不变 关键点就是使用Playerprefs保存和读取音量数据 创建设置界面 上图为Hierarchy视图中的内容,本案例会使用到setting按钮 ...

  6. python QT designer tableview 滑条QScrollBar样式设置后失效解决方案

    1.原因分析 QT designer tableview组件样式中不能直接设置滑条QScrollBar样式 2.解决方案 QT designer 创建 Scroll Area组件,并将tablevie ...

  7. 去除overflow:scroll时的浏览器滑条

    当我们使用overflow="scroll"属性时会出现浏览器的原生滑条 而在现实开发时这么丑的原生滑条是肯定的不会使用的,所以这时候我们就需要去除这些滑条:可以加这些属性: 谷歌 ...

  8. [已成功破解] 阿里 taobao 滑条验证码 x5sec解密 slidedata参数

    [已破解] 阿里 taobao 滑条验证码 x5sec解密 slidedata参数 今天在爬tb数据的时候 发现老是会触发一个滑块验证 只要过了这个滑块将滑块返回的x5secdata 的cookie ...

  9. 番子和滑条_请关注——山东细犬!番子!!!

    中国地大物博   历史悠久   珍贵飞禽走兽不胜枚举 他们在此繁衍生息  同时也经历残酷时间的淘洗  只有顽强者才能生存下来    所以显得历久弥新 中国人有丰富的美感想象力  麒麟   大鹏  凤凰 ...

  10. OpenCV-python通过滑条调节两张图片的融合度,通过修改像素对目标区域画上矩形,获取图像的像素

    import cv2 import numpy as py# 获取图像的信息 def get_img_info(src):height = src.shape[0]width = src.shape[ ...

最新文章

  1. MIME types [记录]
  2. CentOS 6.7 配置 yum 安装 nginx
  3. ALEIDoc EDI(7)--IDoc Extension
  4. 《浪潮之巅》九、十章笔记
  5. Percona Xtrabackup备份mysql大数据库(完整备份与增量备份)
  6. 硬件开发板-嵌入式开发
  7. linux实现共享文件夹功能
  8. ubuntu虚拟机ping通内网
  9. How to read PCA biplots and scree plots
  10. 126邮箱国外服务器,OUTLOOK连126邮箱能不能向国外新闻组投递邮件?哪些邮箱服务器可以?...
  11. [应用抓包] r0capture应用层通用抓包使用文档
  12. qt项目在Linux平台上面发布成可执行程序.run
  13. microserver gen10 更换硬盘,解决无法开机问题
  14. 任务栏没有计算机快捷方式,电脑程序在运行但是任务栏没有图标怎么处理 电脑程序在运行但是任务栏没有图标如何处理...
  15. ltspice语言中文_ltspice-一简介(中文教程教本)新.pdf
  16. HOW TO:设置默认打印机
  17. 基于51单片机的温度报警系统
  18. SAP 采购订单PO基于采购金额的审批策略配置
  19. Resuming debugger: error during debugging loop: TypeError: firstViewRangeElement is null
  20. 如何阅读一份源代码?

热门文章

  1. 手机HTML5 audio 无法自动播放下一首
  2. 【Unity】AvProVideo 实现当前视频播放完毕自动加载下一视频
  3. 3D游戏编程作业10
  4. 使用 AndroidSocketClient 库建立 SSL 安全链接
  5. 常见荧光染料修饰多种基团及其激发和 发射波长数据一览数据
  6. 加密就像玩魔方----图文详解对称加密(DES、AES)
  7. 常见的几个接口管理平台简介
  8. 2-2日期时间类型基础
  9. docker镜像(第二天)
  10. 论开展线上业务的纯粹度的重要性