devfzn
d9b562d349
Creación de formulario HTML, tags 'form', 'input' para entradas de usuario, 'label' para etiqueta. Conexión de input con label. input text y submit.
45 lines
1.5 KiB
HTML
45 lines
1.5 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="es">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width">
|
|
<title>Contacto - Barbería Alura</title>
|
|
<link rel="stylesheet" href="./reset.css"/>
|
|
<link rel="stylesheet" href="./style.css"/>
|
|
</head>
|
|
<body>
|
|
<header>
|
|
<div class="caja">
|
|
<h1><img src="./imagenes/logo.png"></h1>
|
|
<nav>
|
|
<ul>
|
|
<li><a href="./index.html">Home</a></li>
|
|
<li><a href="./productos.html">Productos</a></li>
|
|
<li><a href="./contacto.html">Contacto</a></li>
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
</header>
|
|
<main>
|
|
<form>
|
|
<label for="nombre_apellido">Nombre y Apellido</label>
|
|
<input type="text" id="nombre_apellido">
|
|
|
|
<label for⁼"email">Correo Eletrónico</label>
|
|
<input type="text" id="email"/>
|
|
|
|
<label for⁼"telefono">Teléfono</label>
|
|
<input type="text" id="telefono"/>
|
|
|
|
<input type="submit" value="Enviar Formulario"/>
|
|
</form>
|
|
</main>
|
|
<footer>
|
|
<img src="./imagenes/logo-blanco.png">
|
|
<!-- Copyleft unicode 🄯 🄯 -->
|
|
<!-- Copyright unicode © © -->
|
|
<p class="copyright">🄯 CopyLeft 2023 - DevFzn</p>
|
|
</footer>
|
|
</body>
|
|
</html>
|