<h1>Tipos de campos</h1>
<div class="campos">
  <!-- Campos -->
  <input id="text" type="text" value="" required/>
  <label for="text">Texto</label>
  <input id="checkbox" type="checkbox" checked required />
  <label for="checkbox">Checkbox</label>
  <input id="date" type="date" required />
  <label for="date">Data</label>
  <input id="email" type="email" required />
  <label for="email">E-mail</label>
  <input id="file" type="file" required />
  <label for="file">Arquivo</label>
  <input id="month" type="month" required />
  <label for="month">Mês</label>
  <input id="number" type="number" required />
  <label for="number">Número</label>
  <input id="password" type="password" required />
  <label for="password">Senha</label>
  <input id="radio" type="radio" required />
  <label for="radio">Rádio</label>
  <input id="search" type="search" required />
  <label for="search">Busca</label>
  <input id="tel" type="tel" required />
  <label for="tel">Telefone</label>
  <input id="time" type="time" required />
  <label for="time">Hora</label>
  <input id="url" type="url" required />
  <label for="url">URL</label>
  <input id="week" type="week" required />
  <label for="week">Semana</label>
</div>