Existem vários tipos de input em HTML, sobre isso, mais espe...
<label for="cpf">CPF:</label> <input type="password" id="cpf" inputmode="number" minlength="11" maxlength="11" pattern="^[0-9]{3}.?[0-9]{3}.?[0-9]{3}-?[0-9]{2}" required autocomplete="off"> <br> <label for="cpf">Valor:</label> <span id="atual"></span>
Gabarito comentado
Confira o gabarito comentado por um dos nossos professores
A alternativa correta é a D. Vamos analisá-la e entender o porquê:
O trecho de código HTML apresentado na questão refere-se a um campo de entrada de dados (input) no qual é requisitado ao usuário que insira uma informação que siga o padrão de um CPF. A tag input com o atributo type="password" é usada para criar um campo que oculta o texto digitado, comumente utilizado para entrada de senhas. No entanto, neste contexto, a intenção é receber um CPF como senha.
O atributo pattern especifica uma expressão regular que define um padrão para o campo de entrada. No caso, ^[0-9]{3}.?[0-9]{3}.?[0-9]{3}-?[0-9]{2}$
é a expressão regular que valida o formato de um CPF, permitindo ou não pontos e traço entre os dígitos. Já os atributos minlength e maxlength definem, respectivamente, o comprimento mínimo e máximo de caracteres permitidos, sendo ambos definidos aqui como 11, que é a quantidade de dígitos de um CPF sem considerar separadores.
O atributo required estabelece que o campo é obrigatório, ou seja, o formulário não poderá ser submetido enquanto esse campo não for preenchido. Além disso, o atributo autocomplete="off" indica que o recurso de autocompletar do navegador deve estar desativado para este campo, o que é uma prática recomendada para campos de senha a fim de aumentar a segurança.
Com base na explicação acima, entendemos que o código pede ao usuário uma senha que se adeque ao formato de um CPF, com os requisitos de que seja um campo de preenchimento obrigatório e que não utilize autocompletação. Portanto, a alternativa D está correta pois corresponde a esta descrição.
Clique para visualizar este gabarito
Visualize o gabarito desta questão clicando no botão abaixo