Atributos de Input
Parte da seção Fundamentos do Journey de HTML da Coddy. Lição 37 de 60.
Aqui estão alguns outros atributos úteis para entradas de texto:
placeholder: Fornece uma dica curta que descreve o valor esperado do campo de entrada (por exemplo, "Enter your name").value: Define o valor inicial do campo de entrada.maxlength: Especifica o número máximo de caracteres permitidos no campo de entrada.
Aqui está um exemplo de como criar um campo de entrada de texto com um texto de espaço reservado:
<input type="text" name="username" placeholder="Enter username">Neste exemplo, temos um campo de entrada de texto com o nome "username" e um texto de preenchimento que diz "Enter username". Quando o campo de entrada está vazio, o texto de preenchimento será exibido dentro do campo. Assim que o usuário começar a digitar, o texto de preenchimento desaparecerá.
Desafio
FácilCrie um documento HTML que inclua um formulário com os seguintes campos de entrada de texto:
- Um campo de entrada de texto com o nome "firstname" e um espaço reservado que diz "Enter your first name".
- Um campo de entrada de texto com o nome "lastname" e um espaço reservado que diz "Enter your last name".
- Um campo de entrada de texto com o nome "email" e um espaço reservado que diz "Enter your email". Defina o comprimento máximo desse campo como 50 caracteres.
Experimente você mesmo
<!DOCTYPE html>
<html>
<body>
<!-- Escreva o código aqui -->
</body>
</html>Esta lição inclui um quiz rápido. Comece a lição para respondê-lo e acompanhar seu progresso.
Todas as lições de Fundamentos
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çalho2Texto 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çalhoPratique por conta própria: Playground de Web