Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprenda Atributos de Entrada HTML para Funcionalidade Aprimorada | Tabelas e Formulários
Quizzes & Challenges
Quizzes
Challenges
/
Fundamentos de HTML

bookAtributos de Entrada HTML para Funcionalidade Aprimorada

Você já sabe como usar inputs e labels. Agora, veja os atributos mais úteis que tornam os campos de entrada mais práticos e fáceis de usar.

Atributos Comuns de Input

Placeholder

Exibe um texto de dica dentro do campo.

<input type="text" placeholder="Enter your email" />

Name

Identifica o campo quando o formulário é enviado.

<input type="text" name="username" />

Value

Define um valor padrão no campo.

<input type="tel" value="+1 (484) 298-9732" />

Required

Impede o envio do formulário se o campo estiver vazio.

<input type="password" required />

Disabled

Torna o campo não editável e não interativo.

<input type="text" value="New York" disabled />

Readonly

Exibe um valor que pode ser copiado pelos usuários, mas não alterado.

<input type="text" value="USA" readonly />

Min e Max

Define limites para entradas numéricas.

<input type="number" min="21" max="99" />
index.html

index.html

copy

1. Qual atributo fornece uma dica ou texto de exemplo dentro de um campo de entrada, orientando os usuários sobre o tipo de dado esperado?

2. Qual atributo especifica o nome do campo de entrada, utilizado para identificar os dados inseridos quando o formulário é enviado?

3. Qual atributo impede o envio do formulário se o campo obrigatório estiver vazio?

question mark

Qual atributo fornece uma dica ou texto de exemplo dentro de um campo de entrada, orientando os usuários sobre o tipo de dado esperado?

Select the correct answer

question mark

Qual atributo especifica o nome do campo de entrada, utilizado para identificar os dados inseridos quando o formulário é enviado?

Select the correct answer

question mark

Qual atributo impede o envio do formulário se o campo obrigatório estiver vazio?

Select the correct answer

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 4. Capítulo 8

Pergunte à IA

expand

Pergunte à IA

ChatGPT

Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo

bookAtributos de Entrada HTML para Funcionalidade Aprimorada

Deslize para mostrar o menu

Você já sabe como usar inputs e labels. Agora, veja os atributos mais úteis que tornam os campos de entrada mais práticos e fáceis de usar.

Atributos Comuns de Input

Placeholder

Exibe um texto de dica dentro do campo.

<input type="text" placeholder="Enter your email" />

Name

Identifica o campo quando o formulário é enviado.

<input type="text" name="username" />

Value

Define um valor padrão no campo.

<input type="tel" value="+1 (484) 298-9732" />

Required

Impede o envio do formulário se o campo estiver vazio.

<input type="password" required />

Disabled

Torna o campo não editável e não interativo.

<input type="text" value="New York" disabled />

Readonly

Exibe um valor que pode ser copiado pelos usuários, mas não alterado.

<input type="text" value="USA" readonly />

Min e Max

Define limites para entradas numéricas.

<input type="number" min="21" max="99" />
index.html

index.html

copy

1. Qual atributo fornece uma dica ou texto de exemplo dentro de um campo de entrada, orientando os usuários sobre o tipo de dado esperado?

2. Qual atributo especifica o nome do campo de entrada, utilizado para identificar os dados inseridos quando o formulário é enviado?

3. Qual atributo impede o envio do formulário se o campo obrigatório estiver vazio?

question mark

Qual atributo fornece uma dica ou texto de exemplo dentro de um campo de entrada, orientando os usuários sobre o tipo de dado esperado?

Select the correct answer

question mark

Qual atributo especifica o nome do campo de entrada, utilizado para identificar os dados inseridos quando o formulário é enviado?

Select the correct answer

question mark

Qual atributo impede o envio do formulário se o campo obrigatório estiver vazio?

Select the correct answer

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 4. Capítulo 8
some-alt