Html input
PRÓXIMO
Html noscript
ANTERIOR
Html kbd
Postado: 24 de junho de 2022
Tempo de Leitura: 2 Minutos
Html input
Neste artigo HTML veremos como usar o elemento HTML chamado de tag <input>
Em HTML, o campo <input> pode ser especificado usando onde um usuário pode inserir dados . A tag de entrada é usada no elemento <form> para declarar controles de entrada que permitem que os usuários insiram dados. Um campo de entrada pode ser de vários tipos, dependendo do tipo de atributo.
A tag Input é um elemento vazio que contém apenas atributos. Para definir rótulos para o elemento de entrada, <rótulo> pode ser usado.
Veja o exemplo no código abaixo.
<form action="enviar.php" method="post">
<label>Nome:</label>
<input type="text" name="nome" value="">
<br>
<label>E-mail:</label>
<input type="text" name="email" value="">
<br>
<input type="submit" value="Enviar">
</form>
Definição e uso
A tag <input> especifica um campo de entrada onde o usuário pode inserir dados.
O elemento <input> é o elemento de forma mais importante.
O elemento <input> pode ser exibido de várias maneiras, dependendo do atributo type.
Veja os diferentes tipos de entrada:
<input type="text">(valor padrão)<input type="button"><input type="checkbox"><input type="color"><input type="date"><input type="datetime-local"><input type="email"><input type="file"><input type="hidden"><input type="image"><input type="month"><input type="number"><input type="password"><input type="radio"><input type="range"><input type="reset"><input type="search"><input type="submit"><input type="tel"><input type="time"><input type="url"><input type="week">
Atributos para atag Html input
Além dos Atributos Globais , a seguir está uma lista de atributos específicos para a tag <input>:
autocomplete – Valor de ativado ou desativado para indicar se o navegador pode preencher automaticamente os valores nos elementos de entrada com base nos valores inseridos anteriormente no formulário
autofocus – Valor booleano que indica que a entrada deve ter foco de entrada quando a página for carregada, a menos que o usuário a substitua.
disabled – Valor booleano que indica que o usuário não pode interagir com a entrada.
form – Valor que indica o formulário que possui a entrada. É o id de um <form> no mesmo documento.
list – O id do <datalist> que forneceu a lista de valores sugeridos para a entrada.
name – Nome da entrada
required – Valor booleano que indica se a entrada é obrigatória. As entradas necessárias devem ser preenchidas antes que o formulário possa ser enviado.
type – Tipo de entrada. Pode ser um dos seguintes valores: botão, caixa de seleção, cor, data, datetime-local, email, file, hidden, image, month, number, password, radio, range, reset, search, submit, tel, text, time , URL, semana.
value – Valor inicial da entrada
Obs:
- O elemento HTML <input> é encontrado na tag <body> . A tag <input> geralmente é encontrada dentro da tag <form> .
- Ao definir o atributo
type, o elemento <input> pode se tornar campos de texto, caixas de seleção, botões de opção, menus suspensos, botões, campos de senha e muito mais!
Dicas e Notas para tag html input
Sempre use a tag <label> para definir rótulos para <input type="text">, <input type="checkbox">, <input type="radio">, <input type="file">e <input type="password">.
Deixe um comentário