HTML 的 meter 標籤

分享:
標籤: HTML

認識一下 HTML 比較冷門的一個標籤 meter。

直接使用如下:

<label for="meter">Available Space: </label>
<meter value="20" max="100"></meter>

其中直接設定 max 跟 value,就能顯示最大值和目前的值的量表。

 

還可以加上 low, optimum, high 這幾個值,這樣就會在不同的 value 顯示不同顏色。

<label for="meter">Available Space: </label>
<meter min="0" low="10" optimum="50" high="90" max="100" value="60"></meter>

 

課程推薦

和我們交流

加入我們的社群,裡面會有一些技術的內容、有趣的技術梗,以及職缺的分享,歡迎和我們一起討論。