<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>Contact</title>
|
|
<link rel="stylesheet" href="styles/base.css" />
|
|
<link rel="stylesheet" href="styles/formulario.css" />
|
|
<script src="scripts/contact.js"></script>
|
|
</head>
|
|
<body>
|
|
<header>
|
|
<h1>Contact</h1>
|
|
<p>
|
|
<a href="index.html">Home</a>
|
|
·
|
|
<a href="tabela.html">Games</a>
|
|
·
|
|
<a href="formulario.html">Contact</a>
|
|
</p>
|
|
</header>
|
|
<script>
|
|
|
|
|
|
function onTipoAltera() {
|
|
console.log('Altera tipo')
|
|
const inputTipo = document.querySelector('[name="tipo"]')
|
|
inputTipo.value = inputTipo.value +' . '
|
|
}
|
|
</script>
|
|
<main>
|
|
<form method="POST" action="sal" target="salvou">
|
|
<div>
|
|
Tipo:
|
|
<input type="text" name="tipo" onkeyup="onTipoAltera()" />
|
|
</div>
|
|
<div>
|
|
<label for="campo-marca">Marca:</label>
|
|
<input type="text" name="marca" id="campo-marca" />
|
|
</div>
|
|
<div>
|
|
<label>
|
|
Pode ser publicado?
|
|
<input type="checkbox" name="publica" value="true" />
|
|
</label>
|
|
</div>
|
|
<button>Enviar</button>
|
|
</form>
|
|
<iframe id="salvou-id" name="salvou" frameBorder="0" width="500" height="300"></iframe>
|
|
</main>
|
|
<footer>
|
|
</footer>
|
|
</body>
|
|
</html>
|