Questão nº 24

Questão de Tecnologias da Informação · FCC SEFAZ-SC 2018 - Conhecimentos Específicos (P3) (nº 24)

FCC2018Tecnologia da InformaçãoTecnologias da Informação

Atenção: Para responder às questões de números 21 a 24, considere o código a seguir:

<!DOCTYPE html>
<html lang="pt-br">
 <head>
   <meta charset="UTF-8">
   <title> SECRETARIA DE ESTADO DA FAZENDA </title>
   <script>
    function checar(){
     if(
      I
     ){
      II

      III
     }
    }
   </script>
   <style>
    IV
   </style>
 </head>
 <body>
  <form name="frm">
   <p>
     Escolha os anos para referência <br>
     <input type="radio" name="a1" value="2016-1" id="op1"> <label for="op1">2016-1 </label> <br>
     <input type="radio" name="a1" value="2016-2" id="op2"> <label for="op2">2016-2 </label> <br>
     <input type="radio" name="a1" value="2017-1" id="op3"> <label for="op3">2017-1 </label> <br>
     <input type="radio" name="a1" value="2017-2" id="op4"> <label for="op4">2017-2 </label> <br>
     <input type="radio" name="a1" value="2018-1" id="op5"> <label for="op5">2018-1 </label> <br>
     <input type="radio" name="a1" value="2018-2" id="op6"> <label for="op6">2018-2 </label> <br>
   </p>
   <p>
     <input type="button" value="Checar" onclick="checar();">
   </p>
  </form>
  <p id="x"></p>
 </body>
</html>

Para aplicar a cor de fundo azul no botão, a lacuna IV, do código, deve ser corretamente preenchida por

Este texto de apoio vale também pra questão nº 21, questão nº 22, questão nº 23.

A`input.button {background-color:blue}`
B`input#button {background-color:#0000ff}`
C`input(type=button) [background-color:blue]`
D`input.type("button") {background-color:#0000ff}`
E`input[type=button] {background-color:blue}` (alternativa correta)

Resposta comentada

Gabarito Alternativa E

Seletores CSS são padrões que identificam quais elementos HTML serão estilizados. Um tipo comum de seletor permite escolher elementos com base em seus atributos e valores.

(A) Incorreta: O seletor `input.button` busca um elemento `<input>` que tenha a classe `button` (ex: `<input class="button">`). O botão no código tem o atributo `type="button"`, não uma classe.
(B) Incorreta: O seletor `input#button` busca um elemento `<input>` que tenha o ID `button` (ex: `<input id="button">`). O botão no código não possui um ID com esse valor.
(C) Incorreta: A sintaxe `input(type=button)` não é um seletor CSS válido para atributos, e a declaração de estilo está incorreta (faltam as chaves `{}`).
(D) Incorreta: A sintaxe `input.type("button")` não é um seletor CSS válido. Parece uma mistura de sintaxe de programação com CSS.
(E) Correta: O seletor `input[type=button]` é um seletor de atributo. Ele seleciona qualquer elemento `<input>` que possua o atributo `type` com o valor `button`, que é exatamente o caso do botão no código HTML.

Fonte: FCC SEFAZ-SC 2018 - Conhecimentos Específicos (P3) Tecnologia da Informação (Caderno Tipo 1). Reproduzida para fins de estudo.

Questão de Tecnologias da Informação · FCC SEFAZ-SC 2018 - Conhecimentos Específicos (P3) (nº 24)

Resposta comentada

Continue estudando