Tipos de #input HTML

Estes tipos de campos permitem que sejam capturados dados conforme o usuário preenche um formulário em #html.

text - Este tipo de #input é usado para #coletar texto do usuário.

HTML

<input type="text" name="nome" id="nome">

password - Este tipo de input é usado para coletar senhas do usuário. As senhas digitadas neste tipo de input são exibidas com caracteres como pontos ou asteríscos para ocultar a informação.

HTML

<input type="password" name="senha" id="senha">

radio - Este tipo de input é usado para fornecer uma lista de opções ao usuário. O usuário pode selecionar apenas uma opção em uma lista de radio buttons.

HTML

<input type="radio" name="sexo" value="masculino"> Masculino
<input type="radio" name="sexo" value="feminino"> Feminino

checkbox - Este tipo de input é usado para fornecer uma lista de opções ao usuário. O usuário pode selecionar várias opções em uma lista de checkboxes.

HTML

<input type="checkbox" name="hobbies" value="ler"> Ler
<input type="checkbox" name="esportes" value="jogar futebol"> Jogar futebol
<input type="checkbox" name="música" value="ouvir música"> Ouvir música

button - Este tipo de input é usado para executar uma ação. Por exemplo, um botão pode ser usado para enviar um formulário ou abrir uma nova página da web.

HTML

<input type="button" value="Enviar">

color - Este tipo de input é usado para coletar a cor preferida do usuário.

HTML

<input type="color" name="cor">

email - Este tipo de input é usado para coletar o endereço de e-mail do usuário.

HTML

<input type="email" name="email">

file - Este tipo de input é usado para permitir que o usuário carregue um arquivo para o servidor.

HTML

<input type="file" name="arquivo">

hidden - Este tipo de input é usado para ocultar um campo de formulário do usuário.

HTML

<input type="hidden" name="id" value="1">

image - Este tipo de input é usado para exibir uma imagem na página da web.

HTML

<input type="image" src="imagem.jpg">

number - Este tipo de input é usado para coletar um número do usuário.

HTML

<input type="number" name="idade">

range - Este tipo de input é usado para coletar um intervalo de valores do usuário.

HTML

<input type="range" name="preco" min="10" max="100">

search - Este tipo de input é usado para permitir que o usuário pesquise por algo na página da web.

HTML

<input type="search" name="pesquisa">

tel - Este tipo de input é usado para coletar um número de telefone do usuário.

HTML

<input type="tel" name="telefone">

time - Este tipo de input é usado para coletar a hora preferida do usuário.

HTML

<input type="time" name="hora">

date - Este tipo de input é usado para coletar a data preferida do usuário.

HTML

<input type="date" name="data">

datetime-local - Este tipo de input é usado para coletar a data e a hora preferidas do usuário.

HTML

<input type="datetime-local" name="data-hora">

week - Este tipo de input é usado para coletar a semana preferida do usuário.

HTML

<input type="week" name="semana">

month - Este tipo de input é usado para coletar o mês preferido do usuário.

O código foi fornecido pelo Bard, um grande modelo de linguagem do Google AI.