CARLOS PINEDA LUNA Manual de creaci贸n de formularios HTML5 con PHP
FA1214951
Creación de Formularios básicos con HTML5 en PHP El primer paso es entrar a la carpeta de wampp o xampp y posteriormente a la carpeta www, en esta se crearán todos los proyectos PHP que crearemos, y solo se ven cuando ejecutemos cualquiera de los gestores mencionados. Una vez en la ruta C:\wamp64\www, C:\wamp\www o C:\xampp\www, crearemos la carpeta de nuestro proyecto, en este caso creare la carpeta evidencia.
Dentro de esta crearemos un archivo index.php, ya que cuando entremos desde phpmyadmin se abrirá este archivo web, de lo contrario aparecerá una lista tipo directorio de los archivos y carpetas que se integren en esta.
Universidad Abierta y a Distancia de México Centro de Acceso y Apoyo Universitario Unidad Central Puebla # 143, Piso E3, Col. Roma Norte, C.P. 06700, Delegación Cuauhtémoc, México D.F. Teléfonos 01 800 11 27 737 Horario de atención: de 9:00 a 18:00 hrs.
Una vez creada la carpeta se vera de esta forma en la pagina principal
Posteriormente damos clic en la carpeta evidencia, en el caso de que aparezca la siguiente leyenda es porque tu navegador no te esta redireccionando correctamente
Universidad Abierta y a Distancia de México Centro de Acceso y Apoyo Universitario Unidad Central Puebla # 143, Piso E3, Col. Roma Norte, C.P. 06700, Delegación Cuauhtémoc, México D.F. Teléfonos 01 800 11 27 737 Horario de atención: de 9:00 a 18:00 hrs.
Para ello tendremos que teclear la ruta en la barra de direcciones con localhost o 127.0.0.1
Descargaremos los programas SublimeText o Note++ ya que estos nos ayudaran para ubicar los códigos o scripts dentro de nuestra página, en mi caso uso SublimeText, en el agregaremos el código que aparece en la imagen.
En la línea 4 vemos que estamos usando Utf-8, ahí podremos cambiarlo por el que usamos en PhpmyAdmin para que respete las comas en el código, hay que tener claro que las comas solo van en las etiquetas, es decir las que se ven de color blanco en el código, en los Type y/o name no deberá de llevar ya qué generara errores en los códigos. En la línea 5 agregamos el título que aparecerá en la pestaña en el navegador web. Universidad Abierta y a Distancia de México Centro de Acceso y Apoyo Universitario Unidad Central Puebla # 143, Piso E3, Col. Roma Norte, C.P. 06700, Delegación Cuauhtémoc, México D.F. Teléfonos 01 800 11 27 737 Horario de atención: de 9:00 a 18:00 hrs.
La línea 7 <body> da inicio al cuerpo de la pagina La línea 11 <p> da una línea en blanco La línea 12 tiene la etiqueta Nombre en blanco esta describe lo que se escribirá en el input (caja de texto) esto y name =””, estos dos serán importantes cuando conectemos el código con la base de datos por lo que hay que poner nombres sin espacios, comas o acentos, puedes usar guion medio y bajo y procura que sea corto y se relacione con lo que se capturara, autofocus requiered o requiered da un mensaje que se debe de llenar ese campo o no avanzara cuando quiéranos grabar cambios o registros nuevos. Línea 23 agrega el botón Submit así como validar lo mencionado anteriormente. En el caso de usar HTML5 a diferencia de HTML es que usamos menos códigos para hacer los formularios y las validaciones. Una vez capturado deberá de aparecer algo como esto.
Universidad Abierta y a Distancia de México Centro de Acceso y Apoyo Universitario Unidad Central Puebla # 143, Piso E3, Col. Roma Norte, C.P. 06700, Delegación Cuauhtémoc, México D.F. Teléfonos 01 800 11 27 737 Horario de atención: de 9:00 a 18:00 hrs.