Tarefa 3:
Crie uma página web HTML com um formulário que contenha os seguintes campos:
• Usuário
• Senha
Esta página deverá conter um botão “Cancelar” que realiza a limpeza dos dados do formulário
e um botão “Enviar” que realizara a seguinte ação:
Envio das informações do formulário via POST para uma outra página web HTML
apresentando uma mensagem de boas-vindas.
Soluções para a tarefa
Resposta:
1. Criação do formulário.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tarefa 3</title>
</head>
<body>
<form action="login.html" method="post">
<input type="text" name="usuario" placeholder="Nome de usuário" required><br>
<input type="password" name="senha" placeholder="Senha" required><br>
<button type="reset">Cancelar</button>
<button type="submit">Enviar</button>
</form>
</body>
</html>
2. Criação da pagina de boas-vindas.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Bem vindo!</title>
</head>
<body>
<h1>Bem vindo!</h1>
</body>
</html>
Explicação:
Primeiro foi criado o formulário com usuário e senha, com dois botões, um de cancelar que tem a função de limpar os campos do formulário e um botão de enviar. O formulário foi criado com o método POST e enviar os dados para a pagina de boas-vindas chamada neste caso de login.html.
Já a segunda parte foi criado uma pagina chamada de login.html com uma mensagem simples de boas-vindas.