Índice

Una aplicación completa

Elaboremos ahora un formulario completo para dar soporte a una actividad comercial. Los primeros campos del formulario que nos vienen a la mente procesarán los datos del cliente: nombre y apellidos, dirección, código postal y país (España exclusivamente). Los demás elementos servirán para procesar el pedido (modelo Road 66), la talla y la cantidad.

Los grupos Cliente y Pedido se pueden agrupar mediante la etiqueta <fieldset>.

El protocolo mailto, a pesar de sus límites, se utilizará para enviar un correo con los datos del formulario (por motivos prácticos de aprendizaje).

<!DOCTYPE html> 
<html lang="es"> 
<head> 
   <title>Html5</title> 
   <meta charset="UTF-8"> 
   <style> 
   fieldset { border : 1px solid black;} 
   </style> 
</head> 
<body> 
<form action="mailto:su_direccion_email" method="post" 
enctype="text/plain"> 
<fieldset> 
<legend><i>Cliente</i></legend> 
Nombre y apellidos: <input type="text" name="Nombre"><br> 
Dirección: <input type="text" name="Dirección"><br> 
Código Postal: <input type="text" name="CP" size="4" 
maxlength="5"><br> 
País: <input type="text" ...