Inputs de Texto
Parte da seção Fundamentals do Journey de HTML da Coddy — lição 36 de 60.
No HTML, campos de entrada de texto são usados para criar campos de formulário onde os usuários podem inserir texto. Existem vários tipos de entradas de texto, cada uma projetada para diferentes tipos de dados baseados em texto. O tipo mais comum é a entrada de texto de linha única, criada usando a tag <input> com o atributo type definido como "text".
Aqui está a sintaxe básica para criar uma entrada de texto em HTML:
<input type="text" name="fieldname"><input>: A tag que define o campo de entrada.type="text": Um atributo que especifica o tipo de entrada como texto.name: Um atributo que dá um nome ao campo de entrada, o qual é usado para identificar os dados quando o formulário é enviado.
Nota:
inputé uma tag especial, ela não requer uma tag de fechamento!
Desafio
FácilCrie um documento HTML que inclua um formulário com os seguintes campos de entrada de texto:
- Uma entrada de texto com o nome “firstname”.
- Uma entrada de texto com o nome “lastname”.
Folha de consulta
Entradas de texto são criadas usando a tag <input> com type="text":
<input type="text" name="fieldname">type="text": Especifica o tipo de entrada como textoname: Identifica os dados quando o formulário é enviado
Nota: <input> é uma tag de fechamento automático e não requer uma tag de fechamento.
Experimente você mesmo
<!DOCTYPE html>
<html>
<body>
<!-- Escreva o código aqui -->
</body>
</html>
Teste seus conhecimentosEsta lição inclui um quiz rápido. Comece a lição para respondê-lo e acompanhar seu progresso.
Todas as lições de Fundamentals
1Fundamentos do HTML
O que é HTML?Estrutura Básica do HTMLTags e ElementosAninhamento e Fechamento de TagsComentários em HTML7Página de Perfil Pessoal
Visão Geral do ProjetoSeção de Cabeçalho
Foto de PerfilSeção Sobre MimLinks Sociais2Texto e Formatação
TítulosParágrafosQuebras de LinhaTexto em Negrito e ItálicoNegrito e Itálico NovamenteRecapitulação - Formatação8Formulários e Inputs Parte 1
Fundamentos de FormuláriosInputs de TextoAtributos de InputCampo de SenhaLabels para InputsRecapitulação - Formulário Básico11Página de Inscrição de Evento
Visão Geral do ProjetoSeção de CabeçalhoSeção de Detalhes do EventoFormulário de InscriçãoSeção de Rodapé