A Web Criação de Front-end de Interface
Por: Thiago Lacerda • 3/6/2022 • Projeto de pesquisa • 530 Palavras (3 Páginas) • 248 Visualizações
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta content="text/html; charset="utf-8">
<title>Formulário para Cadastro</title>
<link rel="icon" href="images/icon.ico" type="image/x-icon">
</head>
<body>
<!-- Desenvolvimento de interface com usuário para aplicações Web
Criação de Front-end de interface com o usuário para uso em aplicações Web
Crie uma página de interface com o usuário para o cadastramento dos dados básicos de uma pessoa, formatado em uma tabela e com, no mínimo, 20 componentes de interface.
Você deve escolher os dados, mas é necessário que sejam utilizados no formulário os seguintes requisitos mínimos:
• Text.
• Radio.
• Check.
• Select com uma linha de exibição.
• Select com mais de uma linha de exibição.
• Textarea.
• Outros que você queira utilizar (opcional).
O trabalho é individual e será avaliado:
• Padrão visual (formatação da tabela).
• Escolha dos elementos do formulário.
• Atendimento dos requisitos mínimos.
Procedimentos para elaboração do TD
Crie as páginas exclusivamente utilizando o Bloco de notas ou o Notepad++ (o uso de editores de HTML não é permitido).
Crie um arquivo para HTML para a página solicitada.
Junte todos os arquivos em um mesmo diretório chamado: trabalho.
Coloque as imagens (fotos), caso sejam necessárias em um subdiretório chamado: imagens.
Selecione a pasta trabalho com o botão direito do mouse e selecione Enviar Para / Pasta Compactada.
Renomeie o arquivo com a sua matrícula e o seu nome completo e, ao final do nome do arquivo, inclua entre parênteses (Trabalho2).
Realize o envio da tarefa incluindo o arquivo compactado.
Compacte o diretório principal com as páginas e o diretório com as imagens.
A compactação deve ser OBRIGATORIAMENTE em formato ZIP, outros compactadores não serão aceitos. -->
<h1 align="center">Formulário de cadastro</h1>
<h2 align="center">Preencha os campos abaixo para efetuar o cadastro em nossa plataforma</h2> <br>
<form id="cadastro" action="https://www.cadastro123.com.br/cadastro.php" method="post">
<br>
<fieldset id="usuario"><legend>Dados Pessoais</legend>
<table>
<tr>
<td align="right"><label for="cName">Nome Completo: </label></td>
<td align="left"><input type="text" name="tName" id="cName" size="30" placeholder="Digite seu nome"/></td>
</tr>
<tr>
<td align="right">Nascimento:</td>
<td align="left"><input type="date" name="tNasc" id="cNasc"/></td>
<td align="right"><label for="cRG">RG: </label></td>
<td align="left"><input type="text" name="tRG" id="cRG" size="14" maxlength="12" placeholder="Digite seu RG"/>  </td>
<td align="right"><label for="cCPF">CPF: </label></td>
<td align="left"><input type="text" name="tCPF" id="cCPF" size="14" maxlength="14" placeholder="Digite seu CPF"/></td>
</tr>
<tr>
<td align="right"><label for="cCivil">Estado Civil: </label></td>
<td align="left">
<select name="tCivil" id="cCivil">
<option value="1">Solteiro(a)</option>
<option value="2">Casado(a)</option>
<option value="3">Viúvo(a)</option>
</select>
</td>
</tr>
<tr>
<td align="right">Gênero:</td>
<td align="left">
<input
...