You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
74 lines
2.3 KiB
74 lines
2.3 KiB
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>Fauna</title>
|
|
<meta charset="utf-8"/>
|
|
<meta name="viewport" content="width=device-width,initial-scale=1"/>
|
|
<link rel="icon" type="image/png" href="images/netuno.png" />
|
|
<link rel="stylesheet" type="text/css" href="../css/formulario.css" />
|
|
</head>
|
|
<body>
|
|
|
|
<div class="formulario-container">
|
|
|
|
<nav>
|
|
<a href="https://www.netuno.org/pt/"><img src="../images/netuno.png" alt="Logo do framework Netuno"></a>
|
|
|
|
<input id="menu-control" class="menu-control" type="checkbox" />
|
|
<ul class="menu">
|
|
<li onclick="location.href='https://www.netuno.org/pt/'"><img src="../images/netuno.png" alt="Logo do framework Netuno"></li>
|
|
<li onclick="location.href='../index.html'">Home</li>
|
|
<li onclick="location.href='./extincoes.html'">Extinções</li>
|
|
<li onclick="location.href='./parques-naturais.html'">Parques naturais</li>
|
|
<li onclick="location.href='#'">Formulário</li>
|
|
</ul>
|
|
|
|
<label class="label-icon" for="menu-control" >
|
|
<img src="../images/menu.svg" alt="ícone de um menu" />
|
|
</label>
|
|
|
|
</nav>
|
|
|
|
<h1>Formulário</h1>
|
|
|
|
<div class="form-content">
|
|
|
|
<fieldset>
|
|
<legend>Animal em extinção</legend>
|
|
|
|
<form target="frame" action="pagina-sucesso.html" >
|
|
<table>
|
|
<tr>
|
|
<td>Nome do animal:</td>
|
|
<td><input type="text" /> </td>
|
|
</tr>
|
|
<tr>
|
|
<td>Quantidade:</td>
|
|
<td><input type="text" /> </td>
|
|
</tr>
|
|
<tr>
|
|
<td>Nome do parque:</td>
|
|
<td><input type="text" /> </td>
|
|
</tr>
|
|
<tr>
|
|
<td>Estado:</td>
|
|
<td><input type="text" /> </td>
|
|
</tr>
|
|
</table>
|
|
|
|
<button type="submit" >Enviar</button>
|
|
|
|
</form>
|
|
|
|
</fieldset>
|
|
|
|
<iframe src="" name="frame" id="frame"></iframe>
|
|
|
|
</div>
|
|
|
|
<footer>Copyright © 2023 Extinções Company - Todos os direitos reservados</footer>
|
|
|
|
</div>
|
|
|
|
</body>
|
|
</html>
|