html-Desafio 2-1

•

UNIVALI

1

0

1

0

Ana Paula Araujo Cavalcante

04/12/2021

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

Você viu 3, do total de 5 páginas

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

E aí, curtiu este material?

Ajude a incentivar outros estudantes a melhorar o conteúdo

Gostou desse material? Compartilhe! 🧡

Html

758 Materiais compartilhados

Baixe o app para aproveitar ainda mais

Leia os materiais offline, sem usar a internet. Além de vários outros recursos!

Prévia do material em texto

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.
Parte superior do formulário
Escreva sua resposta no campo abaixo:
Parte inferior do formulário
!DOCTYPE html>
<html>
<head>
  <title>Notas</title>
  <meta charset="utf-8">
</head>
<body>
<form method="post">
  <fieldset id="notas">
  <legend> notas</legend>
  <table border="0">
    <tr><td>&nbsp;</td></tr>
    <tr>
    <td colspan="6"><label for="idDisciplina"><strong>Selecione </strong></label>
      <select name="disciplina" id="idDisciplina">
        <option value="1">Introdução à Informática</option>
        <option value="2">Linguagens de Programação</option>
        <option value="3">Programação de Computadores</option>
      </select>
    </td>
    </tr>
    <tr><td>&nbsp;</td></tr>
    <tr>
      <td><label><strong>Nome do aluno</label></td>
      <td><strong>Prova 1</strong></td>
      <td><strong>Prova 2</strong></td>
      <td><strong>Exame</strong></td>
      <td><strong>Média</strong></td>
      <td><strong>Faltas</strong></td>
    </tr>
    <tr>
      <td><label>Alice</label></td>
      <td><input type="number" name="aluno1P1" min="0" max="10" required=""></td>
      <td><input type="number" name="aluno1P2" min="0" max="10" required=""></td>
      <td><input type="number" name="aluno1Exame" min="0" max="10"></td>
      <td><input type="number" name="aluno1Media" readonly=""></td>
      <td><input type="number" name="aluno1Faltas" min="0" max="16" required=""></td>
    </tr>
    <tr>
      <td><label>anderson</label></td>
      <td><input type="number" name="aluno2P1" min="0" max="10" required=""></td>
      <td><input type="number" name="aluno2P2" min="0" max="10" required=""></td>
      <td><input type="number" name="aluno2Exame" min="0" max="10"></td>
      <td><input type="number" name="aluno2Media" readonly=""></td>
      <td><input type="number" name="aluno2Faltas" min="0" max="16" required=""></td>
    </tr>
    <tr>
      <td><label>Livia</label></td>
      <td><input type="number" name="aluno3P1" min="0" max="10" required=""></td>
      <td><input type="number" name="aluno3P2" min="0" max="10" required=""></td>
      <td><input type="number" name="aluno3Exame" min="0" max="10"></td>
      <td><input type="number" name="aluno3Media" readonly=""></td>
      <td><input type="number" name="aluno3Faltas" min="0" max="16" required=""></td>
    </tr>
    <tr>
    <td colspan="6"><br />
    <input type="submit" name="salvar" value="Salvar">
    <input type="reset" name="limpar" value="Limpar">
    </td>
    </tr>
  </table>
  </fieldset>
</form>
</body>
</html>
<code>
<!DOCTYPE html>
<html>
<head>
 <title>Lançamento de notas</title>
 <meta charset="utf-8">
</head>
<body>
<form method="post">
 <fieldset id="notas">
 <legend>Lançamento de notas</legend>
 <table border="0">
 <tr><td>&nbsp;</td></tr>
 <tr>
 <td colspan="6"><label for="idDisciplina"><strong>Selecione a disciplina</strong></label>
 <select name="disciplina" id="idDisciplina">
 <option value="1">Introdução à Informática</option>
 <option value="2">Linguagens de Programação</option>
 <option value="3">Programação de Computadores</option>
 </select>
 </td>
 </tr>
 <tr><td>&nbsp;</td></tr>
 <tr>
 <td><label><strong>Nome do aluno</label></td>
 <td><strong>Prova 1</strong></td>
 <td><strong>Prova 2</strong></td>
 <td><strong>Exame</strong></td>
 <td><strong>Média</strong></td>
 <td><strong>Faltas</strong></td>
 </tr>
 <tr>
 <td><label>Joana da Silva</label></td>
 <td><input type="number" name="aluno1P1" min="0" max="10" required=""></td>
 <td><input type="number" name="aluno1P2" min="0" max="10" required=""></td>
 <td><input type="number" name="aluno1Exame" min="0" max="10"></td>
 <td><input type="number" name="aluno1Media" readonly=""></td>
 <td><input type="number" name="aluno1Faltas" min="0" max="16" required=""></td>
 </tr>
 <tr>
 <td><label>Maria do Socorro</label></td>
 <td><input type="number" name="aluno2P1" min="0" max="10" required=""></td>
 <td><input type="number" name="aluno2P2" min="0" max="10" required=""></td>
 <td><input type="number" name="aluno2Exame" min="0" max="10"></td>
 <td><input type="number" name="aluno2Media" readonly=""></td>
 <td><input type="number" name="aluno2Faltas" min="0" max="16" required=""></td>
 </tr>
 <tr>
 <td><label>Pedro Santos</label></td>
 <td><input type="number" name="aluno3P1" min="0" max="10" required=""></td>
 <td><input type="number" name="aluno3P2" min="0" max="10" required=""></td>
 <td><input type="number" name="aluno3Exame" min="0" max="10"></td>
 <td><input type="number" name="aluno3Media" readonly=""></td>
 <td><input type="number" name="aluno3Faltas" min="0" max="16" required=""></td>
 </tr>
 <tr>
 <td colspan="6"><br />
 <input type="submit" name="salvar" value="Salvar">
 <input type="reset" name="limpar" value="Limpar">
 </td>
 </tr>
 </table>
 </fieldset>
</form>
</body>
</html>
</code>
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 (prov
a 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.
 
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.