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
Can you give examples of how to use these attributes in HTML?
What other input attributes are commonly used?
Can you explain the difference between value and placeholder?
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!
