Quando se trata de validar o conteúdo dos campos de entrada no frontend, as coisas são muito mais fáceis atualmente do que costumavam ser antes. Po...

Analisando as afirmativas apresentadas: I. "input:focus:valid" e "input:focus:invalid" aplicam-se às entradas apenas quando não estão destacadas. Essa afirmativa está incorreta. As pseudo-classes :valid e :invalid se aplicam às entradas quando estão em foco (destacadas) e indicam se o valor inserido é válido ou inválido, de acordo com as regras de validação definidas. II. "input:required:valid" aplica um estado de sucesso apenas às entradas required. Essa afirmativa está correta. A pseudo-classe :valid é aplicada apenas às entradas que são obrigatórias (required) e possuem um valor válido. III. Marcar um campo de entrada de texto como ":required", no seu formulário informa ao navegador web que pode deixá-lo em branco. Essa afirmativa está incorreta. Marcar um campo de entrada de texto como ":required" informa ao navegador web que o campo é obrigatório, ou seja, não pode ser deixado em branco. IV. Aplicando a pseudo-classe ":required", os navegadores modernos só definirão a entrada para ":valid" quando um e-mail válido for inserido. Essa afirmativa está incorreta. A pseudo-classe :required não está relacionada à validação de e-mails. Ela apenas indica que o campo é obrigatório. A validação de e-mails pode ser feita utilizando o atributo de validação de formulário HTML5 "pattern" com uma expressão regular adequada. Portanto, as afirmativas corretas são a II e a III.