Em um campo telefone de um formulário HTML5, criado pela tag...
Em um campo telefone de um formulário HTML5, criado pela tag <input>, um web designer deseja especificar uma expressão regular para checar se a entrada do telefone está no formato desejado e especificar uma pequena dica que descreve o formato do telefone esperado no campo antes do usuário digitar um valor. Para isso, deve utilizar, respectivamente, na tag <input> os atributos
Gabarito comentado
Confira o gabarito comentado por um dos nossos professores
Gabarito Comentado:
A alternativa correta é a B. Vamos entender o porquê:
A questão pede para especificar dois atributos em uma tag <input>
de um formulário HTML5, que são responsáveis por validar a entrada de dados para um campo de telefone e fornecer uma dica visual para o formato esperado.
O atributo pattern
é utilizado para definir uma expressão regular (regex), que permite validar o formato da entrada de dados fornecida pelo usuário. Se o valor inserido no campo não corresponder à expressão regular definida, o formulário não será enviado e o usuário será alertado.
Já o atributo placeholder
é utilizado para exibir um texto guia dentro do campo de entrada, que descreve o formato esperado ou fornece uma dica para o usuário. Este texto não é enviado como parte do formulário, e desaparece quando o usuário começa a digitar no campo.
Considerando o cenário de um campo de telefone em um formulário, a utilização desses dois atributos aprimora a experiência do usuário, ao mesmo tempo que ajuda a garantir que os dados inseridos estejam no formato correto antes de serem processados ou armazenados.
Portanto, para especificar uma expressão regular e fornecer uma dica de formato para um campo de telefone em HTML5, os atributos pattern e placeholder são corretamente utilizados, como na alternativa B.
Clique para visualizar este gabarito
Visualize o gabarito desta questão clicando no botão abaixo
Comentários
Veja os comentários dos nossos alunos
letra b)
pattern = expressões regulares
placeholder = texto que fica no campo do input que pode servir como dica e some quando o campo vira o foco
b-
The pattern attribute specifies a regular expression that the <input> element's value is checked against on form submission.
Note: The pattern attribute works with the following input types: text, date, search, url, tel, email, and password.
The placeholder attribute specifies a short hint that describes the expected value of an input field (e.g. a sample value or a short description of the expected format).
The short hint is displayed in the input field before the user enters a value.
Note: The placeholder attribute works with the following input types: text, search, url, tel, email, and password.
https://www.w3schools.com/tags/att_input_pattern.asp
Clique para visualizar este comentário
Visualize os comentários desta questão clicando no botão abaixo