Questão 1928002

• Banca: FCC
• Órgão: MPE-PB
• Ano: 2015
• Provas: FCC - 2015 - MPE-PB - Técnico Ministerial – Web Designer
• Disciplina: Programação
• Assuntos: CSS (Cascading Style Sheets); HTML (HyperText Markup Language); Linguagens de marcação

Em uma página web há um formulário HTML5 com um único campo texto criado pela tag <input> que, ao ser clicado, fica com fundo amarelo. Para que isso ocorra, no bloco CSS3 incorporado à página deve existir a instrução

• A. input{background: yellow;}
• B. input :onclick{background: yellow;}
• C. input : focus {background: yellow;}
• D. input {background: onclick(yellow);}
• E. input :onfocus {background: yellow;}

Gabarito: C

Comentários

• http://www.w3schools.com/cssref/sel_focus.asp

• Example

  Select and style an input field when it gets focus:

  input:focus {
      background-color: yellow;
  }

   

  Fonte:

  http://www.w3schools.com/cssref/sel_focus.asp

• Quem não tem acesso:  - -> C

• A banca não errou? Ao ser clicado é diferente de ao ser focado, o componente receber o foco é o mouse ser passado por cima, neste caso aplica-se onFocus, por outro lado, quando o botão é clicado a ação deve ser onClick.

• Gustavo, a banca está certa!

• Gustavo, quando se clica no input, ele recebe o foco. Por isso a letra C realmente funciona. É possível também fazer com o onclick, mas não do jeito que está na alternativa. Por exemplo:

  document.getElementById("inputX").style.backgroundColor = "yellow"