1. 程式人生 > >mark、ouput、details、progress

mark、ouput、details、progress

bold 上海 廣州 html color form 北京 oct itl

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<mark>關鍵字變色</mark>
<p></p>
進度條:<progress max="100" value="85">
<span>85</span>"%"
</progress>
<p></p>
<details>
<summary>展開</summary>
<ul>
<li>北京</li>
<li>上海</li>
<li>成都</li>
<li>深圳</li>
<li>廣州</li>
</ul>
</details>
<p>output</p>
<form oninput="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">
139
</output>

</form>

</body>
</html>

mark、ouput、details、progress