FC ConcursosFC Concursos

Questão FC373526

<!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.. } } </scri

Desenvolvimento Web

FCC · 2018

 

<!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"> <label for="op1">2016-1 </label> <br>
    <input type="radio" name="a1" value="2016-2"> <label for="op2">2016-2 </label> <br>
    <input type="radio" name="a1" value="2017-1"> <label for="op3">2017-1 </label> <br>
    <input type="radio" name="a1" value="2017-2"> <label for="op4">2017-2 </label> <br>
    <input type="radio" name="a1" value="2018-1"> <label for="op5">2018-1 </label> <br>
    <input type="radio" name="a1" value="2018-2"> <label for="op6">2018-2 </label> <br>
  </p>
  <p>
    <input type="button" value="Checar" onclick="checar();">
  </p>
 </form>
 <p></p>
 </body>
</html>

 

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

  1. input.button {background-color:blue}
  2. input#button {background-color:#0000ff}
  3. input(type=button) [background-color:blue]
  4. input.type("button") {background-color:#0000ff}
  5. input[type=button] {background-color:blue}
Mostrar resposta e comentário

Gabarito

Errado

Comentário do professor

A regra input[type=button] usa o seletor de atributo, que seleciona elementos com um determinado atributo e valor. A sintaxe coloca o nome do atributo e o valor entre colchetes: [atributo=valor].

Assim, input[type=button] aplica-se exclusivamente aos elementos input cujo atributo type tenha o valor "button". Em CSS, as aspas em torno do valor são opcionais quando não há espaços ou caracteres especiais.

O bloco de declaração {background-color:blue} define a cor de fundo do botão usando uma palavra-chave de cor CSS. Logo, elementos selecionados terão o fundo azul.

Esse seletor é específico e semântico: atinge apenas inputs do tipo botão sem precisar de classes ou ids, facilitando manutenção e evitando estilizar outros controles.

Conteúdo do catálogo FC Concursos · Atualizado em

Continue aprendendo