English 中文 العربية 日本語 Português

: O Elemento INPUT

Última atualização: 2026-09-12

<input>O Elemento INPUT

O elemento <input> é o controle de formulário mais comum, criando vários campos de entrada. O atributo type alterna entre texto, senha, checkbox, radio, seletores de data e mais. É um elemento vazio.

CategoriaFormulários
Modelo de ConteúdoNenhum (elemento vazio)
Pais PermitidosQualquer elemento que aceite conteúdo de frase, geralmente dentro de <form>
Tag de FechamentoAuto-fechante — nenhuma tag de fechamento necessária
StatusPadrão

📝 Sintaxe

<input type="text" name="nome-do-campo" placeholder="texto de dica">

⚙️ Atributos

Este elemento suporta os atributos globais mais os seguintes:

AtributoValorDescrição
typeKeywordThe type of the input, determines the control's form.
  • text — Single-line text field (default).
  • password — Password field, input masked.
  • checkbox — Checkbox, multiple selection.
  • radio — Radio button, one per group.
  • email — Email field with format validation.
  • number — Number field with stepper.
  • date — Date picker.
  • file — File picker.
  • submit — Submit button.
  • button — Plain button.
  • hidden — Hidden field, submitted with the form.
nameTextThe field name submitted with the form; groups radio buttons.
valueTextThe current or default value.
placeholderTextHint text shown when the field is empty.
requiredBooleanMarks the field as required.
disabledBooleanDisables the field; not submitted.
readonlyBooleanRead-only; visible but not editable.
maxlengthNumberMaximum number of characters.
checkedBooleanDefault checked state for checkbox/radio.
Ver todos os atributos globais → Ver todos os atributos de evento →

▶ Exemplo

Edite o código abaixo e veja o resultado em tempo real no playground:

▶ Experimente

🌐 Suporte de Navegadores

Navegador ChromeChrome EdgeEdge FirefoxFirefox SafariSafari OperaOpera
<input> ✓ v1 ✓ v12 ✓ v1 ✓ v1 ✓ v1
Suportado em todos os navegadores principais
Dica： Sempre defina o atributo name, caso contrário o valor do campo não será enviado.
<form> <label> <button> <select> <textarea> <fieldset>
<input> — forms tutorial <input> — input-types tutorial

📚 Tutoriais Relacionados

HTML Forms HTML Input Types Reference
Tutorial de Formulários HTML
Aprenda botões e controles de formulário
Web-Tutorial.com

Equipe Técnica Web-Tutorial

Uma plataforma de tutoriais mantida por diversos desenvolvedores. Cada tutorial é escrito e revisado por profissionais da área correspondente. Trabalhamos para manter nosso conteúdo preciso e confiável — se encontrar algum problema, avise-nos.

100%