Carregando...

Html input

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"><input type="password">.

Publicado por: Loop Nerd

808 Visualizações

Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

Artigos Relacionados