HTML知识小结(标签篇)

栏目: Html · 发布时间: 5年前

内容简介:HTML有很多好玩的标签,其中好多都是只在特殊场景下使用,在此做个统一的记录1、<progress> 显示任务的进度,属性包括(max,value)

HTML有很多好玩的标签,其中好多都是只在特殊场景下使用,在此做个统一的记录

1、<progress> 显示任务的进度,属性包括(max,value)

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

HTML知识小结(标签篇)

2、<meter>显示范围内数据,属性包括(form, high, low, max, min, optimum, value)

要是value在正常范围内条条就会显示绿色,要是超出了正常范围(high,low)就会变成黄色

<meter value="0.3" high="0.9" low="0.1" optimum="0.5"></meter>

HTML知识小结(标签篇)

3、<form><fieldset><legend>标题</legend></fieldset></form>用于组合表单中相关元素

<form><fieldset>啦啦啦<legend>这是一个标题</legend></fieldset></form>

HTML知识小结(标签篇)

4、<output>执行计算,计算结果在output标签里面输出(初始值需要单独设定,不然不显示),属性包括(name,for,form)

<form oninput="x.value=parseInt(a.value)+parseInt(b.value)">0
     <input type="range" id="a" value="40">100
     +<input type="number" id="b" value="30">
     =<output name="x" for="a b">70</output>
</form>

HTML知识小结(标签篇)

5、待续。。。。。。


以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

反应式设计模式

反应式设计模式

Roland Kuhn、Brian Hanafee、Jamie Allen / 何品、邱嘉和、王石冲、林炜翔审校 / 清华大学出版社 / 2019-1-1 / 98.00 元

《反应式设计模式》介绍反应式应用程序设计的原则、模式和经典实践,讲述如何用断路器模式将运行缓慢的组件与其他组件隔开、如何用事务序列(Saga)模式实现多阶段事务以及如何通过分片模式来划分数据集,分析如何保持源代码的可读性以及系统的可测试性(即使在存在许多潜在交互和失败点的情况下)。 主要内容 ? “反应式宣言”指南 ? 流量控制、有界一致性、容错等模式 ? 得之不易的关于“什么行不通”的经验 ? ......一起来看看 《反应式设计模式》 这本书的介绍吧!

CSS 压缩/解压工具
CSS 压缩/解压工具

在线压缩/解压 CSS 代码

Base64 编码/解码
Base64 编码/解码

Base64 编码/解码

HSV CMYK 转换工具
HSV CMYK 转换工具

HSV CMYK互换工具