HTML 팁

 1. <input>요소에 대한 "자동 완성" 기능을 제공

<input list="animals" name="animal" id="animal">

<datalist id="animals">
    <option value="Cat">
    <option value="Dog">
    <option value="Chicken">
    <option value="Cow">
    <option value="Pig">
</datalist>

2. color picker

<label for="favcolor">Select your favorite color:</label>
<input type="color" id="favcolor" name="favcolor">

3. progress bar

<label for="course">Course completion:</label>
<progress id="course" value="67" max="100"></progress> 67%

4. meter tag

<label for="disk_g">Disk usage G:</label>
<meter id="disk_g" value="2" min="0" max="10">2 out of 10</meter><br><label for="disk_h">Disk usage H:</label>
<meter id="disk_h" value="0.7">70%</meter>

progress tag는 동적 meter tag는 정적