input-types.html

<div class="nice-form-group">
  <label>Text</label>
  <input type="text" placeholder="Your name" value="" />
</div>

<div class="nice-form-group">
  <label>Email</label>
  <input type="email" placeholder="Your email" value="" />
</div>

<div class="nice-form-group">
  <label>Phonenumber</label>
  <input type="tel" placeholder="Your phonenumber" value="" />
</div>

<div class="nice-form-group">
  <label>Url</label>
  <input type="url" placeholder="www.google.com" value="" />
</div>

<div class="nice-form-group">
  <label>Password</label>
  <input type="password" placeholder="Your password" />
</div>

<div class="nice-form-group">
  <label>Search</label>
  <input type="search" placeholder="Search all the things" value="" />
</div>

<div class="nice-form-group">
  <label>Disabled field</label>
  <input type="text" disabled placeholder="Your name" value="" />
</div>