Menu
CoddyTech

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