A Pen by Коля.

dwzCH.markdown

dwzCH

A Pen by Коля on CodePen.

License.

index.html

<form name="example" action="#">
  <input type="email" placeholder="E-mail"/>
  <input type="url" placeholder="Адреса сайта"/>
  <input type="search" placeholder="Пошук"/>
  <input type="number" min="5" max="50" step="5" value="5" placeholder="Возраст"/>
  <input type="range" max="100" step="2" value="10"/>
  <input type="date" required/>
  <input type="color" required/>
</form>

style.css

input {
  margin-bottom: 20px;
  display: block;
}