Interesting HTML5 tags

Here is the list of interesting HTML5 tags to save time and not implementing them unnecessarily in JavaScript.

Inputs

color

<input type="color" />

range

<input type="range" value="2" min="10" max="200" />

datetime-local

<input type="datetime-local" />

time

<input type="time" />

week

<input type="week" />

month

<input type="month" />

number

<input type="number" />

search

<input type="search" />

have extra button to clear the input

tel

<input type="tel" />

url

<input type="url" />

email

<input type="email" />

Other Tags

datalist

<input type="text" list="suggestions" size="50px" placeholder="search" />
<datalist id="suggestions">

<option value="myValue">Details: some extra details</option>
<option>Some other info</option>
</datalist>

details/summary

<details>
  <summary>Something here</summary>
  <p>Some info after click on the title</p>
</details>
Something here

Some info after click on the title

select/opt-group

<select>
    <optgroup label="important">
      <option>x</option>
      <option>y</option>
    </optgroup>
    <option>z</option>
  </select>