Realizando Formularios en HTML 5

Mientras la clase se impartía yo estaba con pasando todo a mi hoja nueva en Notepad++, modificando y creando cosas para hacer una diferencia con respecto al ejemplo mostrado, y a su vez cometiendo unos cuantos errores. Lo termine y me aseguré que no tenga ningún error de código. 

Vista HTML 5 Notepad ++ (1/2)

Vista HTML 5 Notepad ++ (2/2)

Vista Página Web (1/2)

Vista Página Web (2/2)

No se puede observar las imágenes de la página web, pero cada cuadro tiene modificaciones para optimizar el llenado de información, como: 

1. Hay cuadros que son obligatorios y si no los llenan le avisa al usuario que debe llenarlo para poder enviar. 

2. Los cuadros están optimizados con respecto a su función, es decir, si en el recuadro de se coloca símbolos no permitidos, le avisará al usuario.

3. Ciertos cuadros del formulario tienen límites.

4. Se implementa la mayoría de etiquetas y atributos vistos en clases.