首頁 > web前端 > H5教程 > html5 meter標籤是什麼意思? html5 meter標籤的用法及屬性介紹

html5 meter標籤是什麼意思? html5 meter標籤的用法及屬性介紹

寻∝梦
發布: 2018-08-18 17:19:07
原創
5040 人瀏覽過

html5 meter標籤是什麼意思? html5 meter標籤的用法及屬性介紹都在這裡,這篇文章主要介紹了html5 meter標籤的定義和具體的使用方法,還有html5 meter標籤的屬性介紹

html5 meter標籤的定義與用法:

標籤定義度量衡。僅用於已知最大值和最小值的度量。

標籤定義已知範圍或分數值內的標量測量。也被稱為 gauge(尺度)。

範例:磁碟用量、查詢結果的相關性,等等。

註解: 標籤不套用於指示進度(在進度列中)。如果標記進度條,請使用 標籤。

html5 meter標籤的實例:

使用meter 元素來度量給定範圍(gauge)內的資料:

十分之三

60% 

html5 meter標籤的屬性:

html5 meter標籤是什麼意思? html5 meter標籤的用法及屬性介紹

#html5 meter標籤的使用:

<!doctype html>
<html>
<dead>
<meta charset="UTF-8">
<style type="text/css">
#la{
width:200px;
}
</style>
<script>
function test(){
var kk = document.getElementById("la");
var cc = document.getElementById("cc");
   kk.value=cc.value;
}
</script>
</dead>
<body>
<form oninput="test()"><!--使用表单的oninput事件使得meter的参数值随滑块值变化-->
<meter min="0" max="100" low="10" high="80" value="8" optimum="50" id="la"></meter>
<!--min max是valueq取值范围,low和high以及optimum是对value的判断,value处在不同的区间时,meter得颜色会不同-->
0<input id="cc" type="range" min="0" max="100" value="0">100
</form>
</body>
</html>
登入後複製

#HTML 4.01 與HTML 5 之間的差異:

標籤是HTML 5 中的新標籤。

註解:必須定義度量的範圍,既可以在元素的文字中,也可以在 min/max 屬性中定義。

【相關推薦】

html5 source標籤怎麼用? html5 source標籤屬性介紹

html title標籤的作用是什麼?關於html title標籤的詳細介紹


以上是html5 meter標籤是什麼意思? html5 meter標籤的用法及屬性介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板