Tipos de input HTML: Seu site com formulários inteligentes

 A linguagem HTML é usada para definir os elementos de uma página web, e entre esses elementos temos os que fazem parte da criação de formulários, usados para receber entrada de dados do usuário.

Um formulário é definido com a tag HTML form, e dentro dela é possível colocar vários elementos input, que possibilitam que o usuário entre com alguma informação. Importante lembrar que temos outros elementos HTML para entrada de dados que não são definidos com input, no caso select e textarea.

 Se preferir, acesse “Tipos de input HTML: Seu site com formulários inteligentes” no YouTube.

Confira um exemplo de formulário HTML com vários elementos input e sem formatação visual:

A renderização padrão dos elementos pode variar de acordo com o navegador e dispositivo utilizado.

Confira o código HTML utilizado para definir o exemplo de formulário HTML anterior:

1 2 3 4 5 6 7 8 9 10 11 12 13

<form method='POST' action='recebe-dados.php'>     <label for="nome">Nome</label>     <input type='text' id='nome' name='nome' required>     <label for="email">Email</label>     <input type='email' id='email' name='email' required>     <br>     <label for="fone">Celular com DDD</label>     <input type="tel" id="fone" name="fone" required pattern="[0-9]{2} [0-9]{5}-[0-9]{4}" placeholder="11 99999-9999">     <label for="hora-desejada">Hora desejada</label>     <input type="time" id="hora-desejada" name="hora-desejada" required>     <br>     <label for="site">Seu site</label>     <input type="url" id="s...

Gostando deste post? Acesse o conteúdo completo e original sobre “Tipos de input HTML: Seu site com formulários inteligentes” no site oficial do Aylton Inacio.