Diseo de Aplicaciones para Internet

Ejercicio N2 Formularios HTML

1. Utilizando un Editor de Texto (NotePad++ de preferencia), crear un documento

con un formulario HTML que tenga las siguientes caractersticas:

Formulario de registro usando HTML5, en una pgina llamada formulario.html, que

capture datos y los enve a una pgina llamada procesar.html, mediante mtodo POST y
utilizando referencias relativas.

Tip: utilice una tabla de border 0 para que el Formulario quede alineado y luzca
bonito y ordenado.

Nota 1: procure usar los atributos "name" e "id" en todos los campos del
formulario, incluso en la definicin del form.
Nota 2: utilice el atributo "placeholder" donde corresponda para entregar
sugerencias o ayuda al usuario.

Los campos (y tipos) que debe contener el formulario son los siguientes:

RUT (campo de texto obligatorio con pattern XXXXXXXX-X)

Apellido Paterno (campo de texto obligatorio)
Apellido Materno (campo de texto)
Nombres (campo de texto obligatorio)
Sexo (radiobutton, opciones: Masculino o Femenino)
Edad (campo numrico)
Correo electrnico (campo e-mail obligatorio)
Contrasea (campo password obligatorio)
Confirmar Contrasea (campo password obligatorio)
Telfono (campo de texto con pattern +56X-XXXXXXXX)
Direccin (campo de texto)
Comuna (select, lista desplegable)
Regin (select, lista desplegable)
Intereses (casillas de verificacin, checkbox, opciones: Deportes, Msica, Cine,
Tecnologa, Poltica, Economa)
Subir foto (campo file)
Comentarios (textarea de alto 5 y ancho 50)
Botn Enviar (submit)
Botn Limpiar (reset)
 Diseo de Aplicaciones para Internet

2. Genere el formulario llamado factura.html disponindole de la siguiente

manera:

Elementos del formulario:

Valide el formato de RUT sugerido
Genere a lo menos 4 lneas de ingreso de productos de detalle
Tipo de pago mostrara los valores efectivo, crdito, dbito.
Cantidad de letras 3, 6, 12
Respete (o intente respetar) la presentacin del formulario.
Los campos son obligatorios, y valide que donde se pida nmero solo acepte
nmeros.
Genere un datalist para autocompletar la comuna
El botn Nuevo ir hacia otra pgina, usando el mtodo GET, que deber
desplegar el mensaje Factura OK (Use referencias relativas).