IFCD0210/Practicas/Practicas HTML/Formularios/Practica 3/practica 3.html
Marcos Lopez 9310ef6ca4 Dia 19
2023-12-19 13:40:01 +01:00

61 lines
2.3 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="./css/style.css">
<title>Practica 3</title>
</head>
<body>
<h2>Pedido de pizza</h2>
<form action="../gracias.html">
<fieldset>
<legend>La pizza</legend>
<p>
<p>Ingresdientes</p>
<input type="checkbox" name="queso"> Queso <input type="checkbox" name="pimiento"> Pimiento <br>
<input type="checkbox" name="cebolla"> Cebolla <input type="checkbox" name="atun"> Atún <br>
<input type="checkbox" name="tomate"> Toamte <input type="checkbox" name="jamon"> Jamon
</p>
<label for="tamano">Tamaño</label><br>
<input type="radio" name="tamano" value="pequena" checked> Pequeña <br>
<input type="radio" name="tamano" value="mediana"> Mediana <br>
<input type="radio" name="tamano" value="grande"> Grande <br>
</fieldset>
<fieldset>
<legend>Datos de entrega</legend>
<p class="input_flex">
<label for="name">Nombre </label>
<input type="text" name="nombre" placeholder="Escribe tu nombre...">
</p>
<p class="input_flex">
<label for="direccion">Direccion</label>
<input type="text" name="direccion" placeholder="Escribe tu direccion...">
</p>
<p class="input_flex">
<label for="telefono">Telefono</label>
<input type="tel" name="telefono" placeholder="982210251">
</p>
<p>
<label for="instrucciones">Instrucciones especiales</label> <br>
<textarea name="instrucciones" rows="10" cols="24"></textarea>
</p>
</fieldset>
<fieldset>
<legend>Metodo de pago</legend>
<select name="pago">
<option value="efectivo" selected>Efectivo</option>
<option value="tarjeta">Tarjeta</option>
<option value="bizum">Bizum</option>
</select>
</fieldset>
<input type="submit" class="btn" value="ok">
</form>
</body>
</html>