Menu
Coddy logo textTech

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á.

challenge icon

Desafio

Fácil

Crie um documento HTML que inclua um formulário com os seguintes campos de entrada de texto:

  1. Um campo de entrada de texto com o nome "firstname" e um espaço reservado que diz "Enter your first name".
  2. Um campo de entrada de texto com o nome "lastname" e um espaço reservado que diz "Enter your last name".
  3. 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>
quiz iconTeste seus conhecimentos

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

Pratique por conta própria: Playground de Web