Creación de un formulario sencillo.

1. Integrantes:
Sarahi Beatriz Hernández
Martínez
Matilde Scarlette Rodríguez
Cruz
Grado: 4to grupo; Dm
Materia: Desarrolla Aplicaciones
Web
Trabajo: Tutorial Formularios
Maestro: Everardo Juárez Predaza
Especialidad: Programación
Escuela: CETis 109
Aula: 14

2. Formularios:
Paraempezarhacerelformulariodebemosempezarconescribirlos
siguientescódigos:
Mejoras en los campos de texto
Primeroañadimosunpaddingacadaelemento<input>mejoraelaspectode
nuestroformulario debidoaquepordefectoloscamposnoincluyenningún
campoderellenoporloqueeltextointroducidoparecepegadoalosbordes
delcuadrodetexto
Mejorandoelaspectodelosformulariosgraciasalpadding

3. LareglaCSSnecesariaparamejorarelformularioesmuysencilla:
Labels alineadas y formateadas:
Los elementos <input> y <label> de los formularios son elementos en línea,
por lo que el aspecto que muestran los formularios por defecto
Aspectopordefectoquemuestranlosformularios

4. Aprovechando los elementos <label>, se pueden aplicar unos estilos CSS
sencillos que permitan mostrar el formulario con el aspecto de la siguiente
imagen:
Mostrando las etiquetas label encima de los campos del formulario
Se añade un margen superior para no mostrar juntas todas las filas del
formulario:
Para mostrar un elemento del bloque se le añade un margen para darle
aspecto final deseado:
En ocasiones, es más útil mostrar todos los campos del formulario con su <label>
alineada a la izquierda y el campo del formulario a la derecha de cada <label>,

5. Es necesario añadir un nuevo elemento (por ejemplo un <div>) que
encierre a cada uno de los campos del formulario (<label> y <input>).
Por tanto, en el código HTML del formulario anterior se añaden los elementos
<div>:

6. Y en el código CSS se añaden las reglas necesarias para alinear los campos
del formulario:
Y así es como queda elaborado el formulario: