Formulários - HTML e CSS

Formulários

Em HTML, temos um elemento <form> criado para capturar os dados do usuário e submetê-lo a algum serviço da Internet.

Os dados são passados para o <form> por meio da tag <input>, que pode uma ter dupla finalidade: receber os dados digitados ou submeter o formulário.

É por meio da propriedade type que definimos essa finalidade. Em nosso caso, utilizaremos o tipo search para capturar os dados digitados e o tipo image para submeter o formulário. Existe também o tipo submit, que possui a mesma finalidade do image, mas é renderizado como um botão.

<form>
  <input type="search">
  <input type="image" src="img/busca.png" class="lupa">
</form>