Formulários HTML são utilizados por sistemas web para agrupar elementos de uma página com o objetivo de captar ou apresentar dados. Os elementos de uma página web são os campos de formulário, que permitem apresentar, editar e validar informações por meio de diversos formatos, como texto, listas e botões.
Você, web designer, foi contratado por uma faculdade para desenvolver o formulário de uma página web que permite o lançamento das notas de alunos. Você precisa implementar o código HTML desse formulário, conforme o protótipo que pode ser visto na imagem a seguir:
Para isso, você deve usar as seguintes regras:
1. A seleção da disciplina deve ser realizada por uma lista definida, com as seguintes opções: Introdução à informática, Linguagens de Programação, e Programação de Computadores;
2. As notas (prova 1, prova 2 e exame) devem aceitar apenas a digitação de números, na faixa entre 0 e 10;
3. A média será calculada e não deve permitir a inserção de valores*;
4. As faltas também devem aceitar apenas a digitação de números e a faixa de valores aceitáveis é de 0 a 16;
5. Os campos prova 1, prova 2 e faltas são de preenchimento obrigatório.
*Utilize o atributo readonly= “” para impedir a entrada de dados nos campos desejados.
DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8" />
<title>CLASSIFICAÇÃO DAS COREStitle>
head>
<body>
<h2> LANÇAMENTO DE NOTAS h2>
<h3> Selecione a disciplina:h3>
<select name="disciplina">
<option value="informatica">Introdução a Informáticaoption>
<option value="linguagens">Linguagens de Programaçãooption>
<option value="computadores">Programação de Computadoresoption>
select><br><br>
<label>
<span> NOME DO ALUNO span>
<select name="aluno">
<option value="informatica">Roger Felixoption>
<option value="linguagens">Raquel Felixoption>
<option value="computadores">Ryan Felixoption>
select><br><br>
label>
<label>
<span> PROVA 1 span>
<input type="number" min="0" max="10" required="required" class="input_text" name="prova1" id="prova1"/>
label><br><br>
<label>
<span> PROVA 2 span>
<input type="number" min="0" max="10" required="required" class="input_text" name="prova2" id="prova2"/>
label><br><br>
<label>
<span> EXAME span>
<input type="number" min="0" max="10" class="input_text" name="exame" id="exame"/>
label><br><br>
<label for="media">MEDIAlabel>
<input type="text" id="media" name="media" value="" readonly><br><br>
<label>
<span> FALTAS span>
<input type="number" min="0" max="16" required="required" class="input_text" name="faltas" id="faltas"/>
label>
<input type="submit" value="SALVAR">
<input type="reset" value="LIMPAR">
body>
Para escrever sua resposta aqui, entre ou crie uma conta
Compartilhar