Aquí os dejo un ejercicio que he preparado para practicar el HTML de los formularios, en especial las etiquetas: fieldset, legend, select, textarea e inputs de tipo checkbos y radio. Como el curso que estoy impartiendo está orientado solamente a la maquetación y el diseño, no he hecho incapie en los atributos relacionados al tratamiento de los datos (name, value, action, …)
El ejercicio debería quedar así:
Código fuente de la solución:
<!DOCTYPE html>
<html>
<head>
<title>Pedido pizza</title>
<meta charset="UTF-8" />
</head>
<body>
<h3>Pedido de pizza</h3>
<form>
<fieldset>
<legend>La pizza</legend>
<p>Ingredientes</p>
<input type="checkbox" name="queso" /> <label>Queso</label><br/>
<input type="checkbox" name="pimiento" /> <label>Pimiento</label><br/>
<input type="checkbox" name="cebolla" /><label> Cebolla</label>
<p>Tamaño</p>
<input type="radio" name="tamano" /><label> Pequeña</label><br/>
<input type="radio" name="tamano" /><label> Mediana </label><br/>
<input type="radio" name="tamano" /> <label>Grande</label>
</fieldset>
<fieldset>
<legend>Datos de entrega</legend>
<label>Nombre</label><input type="text" name="nombre"/><br/>
<label>Dirección</label><input type="text" name="direccion"/><br/>
<label>Teléfono</label><input type="text" name="telefono"/><br/>
<label>Instrucciones especiales</label><br/><textarea cols="40" rows="15"></textarea>
</fieldset>
<fieldset>
<legend>Método de pago</legend>
<select>
<option>Efectivo</option>
<option>VISA</option>
<option>Bizum</option>
</select>
</fieldset>
<input type="submit" id="ok" value="Ok">
</form>
</body>
</html>
Hola.
Muchas gracias por tu aporte. Sin embargo, deberías cuidar tu ortografía ya que quita el profesionalismo de tu página web.
Saludos.
Gracias,
lo tendré en cuenta.
Saludos.