Menu
Coddy logo textTech

Atributos de Input

Parte da seção Fundamentals 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 (ex: "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 uma entrada de texto com um placeholder:

<input type="text" name="username" placeholder="Enter username">

Neste exemplo, temos uma entrada de texto com o nome "username" e um marcador (placeholder) que diz "Enter username". Quando o campo de entrada estiver vazio, o texto do marcador será exibido dentro do campo. Assim que o usuário começar a digitar, o texto do marcador desaparecerá.

challenge icon

Desafio

Fácil

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

  1. Uma entrada de texto com o name "firstname" e um placeholder que diz "Enter your first name".
  2. Uma entrada de texto com o name "lastname" e um placeholder que diz "Enter your last name".
  3. Uma entrada de texto com o name "email" e um placeholder que diz "Enter your email". Defina o comprimento máximo desta entrada para 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 Fundamentals

Pratique por conta própria: Playground de Web