Aperfeiçoando Formulários com Atributos de Entrada
Elementos <input> do HTML podem ser personalizados com atributos que alteram seu comportamento. Abaixo estão alguns dos mais utilizados.
value
Define o valor inicial de um input.
- Para botões: define o texto do botão;
- Para campos de texto/senha: define o texto padrão;
- Para caixas de seleção/radio: define o valor enviado quando selecionado.
value não pode ser usado com type="file".
index.html
autofocus
Foca automaticamente em um campo de entrada quando a página é carregada.
Não funciona no exemplo abaixo porque, ao pressionar Executar Código, a página não é recarregada.
index.html
required
Torna um campo de entrada obrigatório. O formulário não pode ser enviado até que o campo seja preenchido.
index.html
placeholder
Exibe um texto de ajuda dentro do campo até que o usuário digite. Útil para formatos como números de telefone ou dados de cartão.
index.html
Cada exemplo utiliza diferentes atributos type, que afetam o comportamento do campo. Os tipos de entrada serão explorados no próximo capítulo.
1. Qual atributo é utilizado para definir o valor padrão de um elemento de entrada?
2. Qual atributo é utilizado para definir uma dica ou exemplo do valor esperado para um elemento input?
3. Qual atributo é utilizado para especificar que um campo de entrada deve ser preenchido antes do envio do formulário?
Obrigado pelo seu feedback!
Pergunte à IA
Pergunte à IA
Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo
Incrível!
Completion taxa melhorada para 2.38Aperfeiçoando Formulários com Atributos de Entrada
Deslize para mostrar o menu
Elementos <input> do HTML podem ser personalizados com atributos que alteram seu comportamento. Abaixo estão alguns dos mais utilizados.
value
Define o valor inicial de um input.
- Para botões: define o texto do botão;
- Para campos de texto/senha: define o texto padrão;
- Para caixas de seleção/radio: define o valor enviado quando selecionado.
value não pode ser usado com type="file".
index.html
autofocus
Foca automaticamente em um campo de entrada quando a página é carregada.
Não funciona no exemplo abaixo porque, ao pressionar Executar Código, a página não é recarregada.
index.html
required
Torna um campo de entrada obrigatório. O formulário não pode ser enviado até que o campo seja preenchido.
index.html
placeholder
Exibe um texto de ajuda dentro do campo até que o usuário digite. Útil para formatos como números de telefone ou dados de cartão.
index.html
Cada exemplo utiliza diferentes atributos type, que afetam o comportamento do campo. Os tipos de entrada serão explorados no próximo capítulo.
1. Qual atributo é utilizado para definir o valor padrão de um elemento de entrada?
2. Qual atributo é utilizado para definir uma dica ou exemplo do valor esperado para um elemento input?
3. Qual atributo é utilizado para especificar que um campo de entrada deve ser preenchido antes do envio do formulário?
Obrigado pelo seu feedback!
