- Página Inicial
- Códigos HTML Prontos
- Html input
- Voltar
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">
.
Publicado por: Loop Nerd
808 Visualizações
Deixe um comentário