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
- input.button {background-color:blue}
- input#button {background-color:#0000ff}
- input(type=button) [background-color:blue]
- input.type("button") {background-color:#0000ff}
- 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