HTML知识小结(标签篇)

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

内容简介: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、待续。。。。。。


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

查看所有标签

猜你喜欢:

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

因计算机而强大

因计算机而强大

[美]西摩 佩珀特 Seymour Papert / 梁栋 / 新星出版社 / 2019-1 / 38

本书有两个中心主题—— 孩子可以轻松自如地学习使用计算机; 学习使用计算机能够改变他们学习其他知识的方式。 (前苹果公司总裁 约翰·斯卡利) 最有可能带来文化变革的就是计算机的不断普及。 计算机不仅是一个工具,它对我们的心智有着根本和深远的影响。 计算机不仅帮助我们学习 ,还帮助我们学习怎样学习。 计算机是一种调解人与人之间关系的移情对象。 一个数学的头脑......一起来看看 《因计算机而强大》 这本书的介绍吧!

在线进制转换器
在线进制转换器

各进制数互转换器

HTML 编码/解码
HTML 编码/解码

HTML 编码/解码

RGB CMYK 转换工具
RGB CMYK 转换工具

RGB CMYK 互转工具