Já sabemos como construir formulários com entradas e rótulos. Agora, vamos considerar outros atributos úteis para elementos de entrada que melhoram sua funcionalidade e usabilidade.

Atributos Comuns para Elementos de Entrada

Placeholder

placeholder fornece uma dica ou exemplo de texto dentro do campo de entrada, orientando os usuários sobre que tipo de entrada é esperada. Útil para fornecer contexto ou instruções aos usuários antes de inserirem dados.

html

Name

name especifica o nome do campo de entrada, que é usado para identificar os dados de entrada quando o formulário é enviado. Cada campo de entrada dentro de um formulário deve ter um atributo de nome único.

html

Value

value define o valor inicial ou padrão do campo de entrada. Pré-preenche o campo de entrada com um valor específico quando a página é carregada.

html

Required

required especifica que o campo de entrada deve ser preenchido antes que o formulário possa ser enviado. Impede o envio do formulário se o campo obrigatório estiver vazio.

hml

Disabled

disabled desativa o campo de entrada, impedindo que os usuários interajam com ele ou insiram dados. Útil para exibir campos de entrada somente leitura ou inativos.

html

Readonly

readonly torna o campo de entrada somente leitura, permitindo que os usuários vejam o valor, mas não o modifiquem. Semelhante ao atributo disabled, mas ainda permite que o campo seja focado e selecionado.

html

Min e Max

min e max especificam os valores mínimo e máximo permitidos para campos de entrada numéricos. Útil para impor restrições em entradas numéricas, como idade ou quantidade.

html

Exemplo: Vamos considerar um exemplo que inclui todos os atributos e elementos necessários para o formulário.

Tutorial em Vídeo