Está en la página 1de 6

http://es.kioskea.

net/forum/affich-31806-codigo-formulariosphp#q=crear+formulario+en+php&cur=1&url=%2F

Qu es un Formulario
Como hemos visto anteriormente, podemos insertar nuevos datos en la tabla de la base de datos a travs del PhpMyAdmin pero, qu ocurre si queremos que sean los usuarios los que rellenen esos datos? Vamos a tener que darles acceso al PhpMyAdmin? Adems.Te imaginas tener que aadir los datos directamente usando el MySql? Uno a uno? Qu horror! Con lo fcil que sera rellear un formulario y hacer que sa este el que incorpore los datos a la base de datos, Para evitar todo eso podemos funcionar con los formularios. As y sin necesidad de acceder al PhpMyAdmin tanto los usuarios como nosotros mismos podremos aadir datos a la tabla desde cualquier parte en la que dispongamos de conexin a internet. Ser cosa de rellenar recuadros, hacer clic en un botn y.... listo! Base de Datos rellenada! Pues vamos all con las lecciones sobre cmo crear un formulario para el envio de datos a la base de datos desde una pgina web. Todas estas instrucciones son igualmente vlidas para la creacin de formularios de cualquier otro tipo, como envo de correos, etc. A ver si consigo explicarlo bien y te gusta como ha quedado.

Crear un Formulario
Realmente los formularios se hacen con lenguaje Html. El Php lo usaremos para jugar con los datos que se obtienen, pero el formulario en s est hecho con cdigo Html. Vamos a ver como se construye y qu opciones tenemos para que nuestros amigos puedan enviarnos datos o para rellenarlos nosotros mismos. Al igual que un prrafo se define en Html colocando la etiqueta de apertura <p> y termina con su correspondiente etiqueta de cierre </p>, los formularios empiezan y terminan con las etiquetas Html <form> y </form>. Dentro de la etiqueta de apertura se pueden indicar algunas cosas, pero las que nos interesan ahora son: action: que indica la url a la que enviar los datos del formulario, es decir, la pgina que tiene las instrucciones de qu hacer con los datos obtenidos desde el formulario. method: Puede tomar los valores get o post. Existen varias diferencias entre ambos aunque funcionan igual. La diferencia es que usando get los datos del formulario se ven en la url de la pgina siguiente y el nmero de valores est limitado. En cambio usando post no se ven los valores en la direccin de la web y adems no hay tal lmite de valores a recopilar. As que, por ahora, usaremos siempre post, vale? Con lo que acabamos de ver, un ejemplo de formulario vacio sera: ......

<form method="post" action="mostrardatosenpagina.php"> ...... </form> .......

Seguimos? Ahora que tenemos preparado el formulario vamos a ver qu tipo de recuadros donde insertar informacin podemos colocar dentro. Existen varios tipos o formas y puedes y debes elegir la que ms se amolde a los datos de la tabla o base de datos, veamos.

Campos de Datos
Como te he dicho, dentro de un formulario puedes encontrar distintas formas de pedir los datos. Puedes pedir al visitante que indique uno o varios de entre un conjunto de valores, que introduzca una palabra, una frase corta o incluso un buen trozo de texto, o una clave o contrasea, y hasta archivos, claro. A continuacin veremos cada uno de esos tipos. Fjate que todos ellos tiene un cdigo muy similar: <input type="tipodedato" name="nombredelcampo" value="Escribe Aqu" size="20" maxlengh="20" /> - Empiezan con el cdigo <input, su etiqueta. - Estn seguido de una indicacion del tipo de informacin que se pide, type="tipodedatos". En lugar de tipodedatos nosotros colocaremos ah qu tipo de datos vamos a pedir al usuario. Lo veremos ms adelante. - Seguido del nombre de ese campo de informacin name="nombredelcampo", que es el nombre que daremos a lo que el usuario escriba y que nos sirve para poder usarlo ms tarde. - Despus se indica el valor que queremos que aparezca por defecto en el formulario value="Escribe Aqu". Si se deja en blando el cuadro o campo del formulario saldr en blanco, pero si escribimos dentro de las comillas de value, por ejemplo"escribe ac tu comentario", ser eso lo que aparezca escrito cuando el usuario visualice el formulario. Por supuesto, podr borrarlo para ecribir su comentario. - Tamao del recuadro donde se pide la informacin size="100". Es simplemente el ancho del recuadro. Que lo escojamos pequeo no significa que el visitante no pueda escribir muchos carcteres en l, eso viene definido por la siguiente caracterstica, - Longitud mxima que podemos dar a ese datos maxlegth="20", que es la mxima cantidad de carcteres que vamos a guardar de lo que el usuario escriba. Si le ponemos 20 a maxlength solo guardaremos los 20 primeros carcteres que escriba y al resto no le haremos ni caso, se pierden. Y finalmente se cierra la etiqueta del input con /> En este caso como ves no hay etiqueta de cierre con </input> nunca. Recurdalo.

Campos de Texto
Es el tpico recuadro para insertar datos en los que cabe una lnea de texto solamente. Eso significa que si te pones a escribir dentro de ese recuadro, si le das al Enter o Intro de tu teclado no vas a conseguir un salto de lnea para seguir escribiendo ms texto. El cdigo Html para incluir un recuadro de estos en tu pgina web sera como este: <input type="text" name="nombredelcampo" value="Valor por defecto" size="20" maxlength="20" > El aspecto del cdigo de arriba sera este:
Valor por defecto

No necesita mucha explicacin, pero por si acaso... La linea comienza con la etiqueta input, que indica que vamos a colocar un recuadro para introducir datos. Luego aparece type="text" con lo que sealamos que ese recuadro ser para introducir texto. Con name="nombredelcampo" la damos un valor a ese recuadro, que nos servir para poder manejar el valor introducido despus. Con value="valor por defecto" podemos indicar el valor que queremos que aparezca dentro del recuadro en cuanto el visitante vea esa pgina, si es que queremos que aparezca algo. Si no, podemos dejarlo en blanco y el campo aparecer vacio, claro. Para terminar tenemos size="20" que indica el tamao o anchura del recuadro y maxlength="20" que pone un lmite a la cantidad de texto que dejaremos que el usuario escriba en el formulario y que en este caso ser de 20 carcteres.

Campos de Contrasea
Este tipo de campo es muy similar al anterior, pero en este caso indicamos que la informacin a insertar va a ser una contrasea y por lo tanto queremos que cuando el visitante la vaya escribiendo se vayan monstrando asterscos (*) en lugar de la contrasea real. Esto es para evitar que alguien pueda leer la contrasea mientras que nuestro amigo visitante escribe los datos del formulario. Su cdigo es este otro: <input type="password" name="nombredelcampo" value="Valor por defecto" size="20" maxlengh="20" /> Y este es su aspecto. Intenta escribir en ese recuadro y vers los asteriscos que te deca.
*****************

Personalmente me parece una chorrada como un piano de grande, je je je, pero en fin, es lo que hay. Por supuesto puedes usar un campo de texto normal si quieres lo mismo pero viendo el resultado. Como no estamos en un cajero de un banco, igual no necesitamos esos asteriscos, no? je je je. Hey, has merendado ya? Me hace ruido la barriga! je je je. Un bocado y seguimos
http://www.comocreartuweb.com/curso-php-y-msql/que-es-un-formulario/campos-dedatos/botones-de-opcion.html

Botones de Opcin
Cuando quieras mostrar al visitante una lista de valores de entre los que tiene que elegir uno solo, tienes que usar botones de opcin. Dentro del cdigo Html que define este botn de opcin tendrs que indicar cada uno de esos valores, claro. Es importante que recuerdes que con este tipo de formulario el visitante SOLO puede escoger uno de los valores, es decir, es imposible activar dos o ms valores. Si lo que quieres es dar la opcin de que el visitante pueda seleccionar ms de una de las opciones, tendrs que buscar otro modo, que explicaremos ms adelante. Veamos el cdigo de un botn de opcin de ejemplo para verlo ms claro: <INPUT type="radio" name="mibotondeopcion" checked value="1">Estudiante<br /> <INPUT type="radio" name="mibotondeopcion" value="2">Astronauta<br /> <INPUT type="radio" name="mibotondeopcion" value="3">Mdico<br /> <INPUT type="radio" name="mibotondeopcion" value="4">Webmaster<br> Las caractersticas de los botones de opcin son las siguientes: - Dentro de type hay que indicar "radio" que significa botn de opcin (no, no es para escuchar msica...) - Todos han de tener el mismo valor dentro de name para que el navegador sepa que todas estas lneas corresponden a opciones de ese botn. - checked. Esto se coloca solamente en una de las lneas, en la que t quieras pero solo en una, pues indica la opcin que aparecer activada por defecto. Si no lo indicas en ninguna no aparece ninguna de esas opciones marcada de antemano. Es opcional. - Dentro de las comillas de value indicas el valor que quieres que tenga esa opcin. Puede ser un nmero o el texto de esa opcin. Est claro que deberian ser distintos esos valores en cada opcin. - El texto que hay antes de <br> es el texto que aparece en el navegador Puedes escribir lo que quieras que el visitante vea como opcin, pero el valor que recogers del formulario una vez que se enve ser el que hay dentro de value, no este.

- Finalmente tenemos la etiqueta Html <br> que como sabes sirve para bajar una lnea. La ponemos para que no aparezcan todas las opciones pegadas una tras otra. Esto es opcional y lo puedes hacer de cualquier otro modo, a tu gusto. El cdigo que te he mostrado arriba para los botones de opcin mostrara esto de abajo:
Estudiante Astronauta Mdico Webmaster

Fjate como la opcin Estudiante aparece ya marcada por defecto. Esto es porque hemos puesto checked en esa lnea.

Casillas de Verificacin
Es muy parecido a los botones de opcin pero en este caso ofreces la opcin de poder seleccionar varios de los valores en lugar de solamente uno. Lo nico que cambia en el cdigo Html es que ponemos el tipo "checkbox" dentro de type, que significa casillas de verificacin. Y claro, como podemos tomar uno o ms valores, o todos, tambin nos permite dejar activadas ninguna, una o varias casillas escribiendo la palabra mgica checked en las lneas de cdigo correspondientes.
<input type="checkbox" name="micasilladeverificacion" />Estudiante<br /> checked value="1"

<input type="checkbox" name="micasilladeverificacion" value="2" />Astronauta<br /> <input type="checkbox" name="micasilladeverificacion" value="3" />Mdico<br /> <input type="checkbox" />Webmaster<br /> name="micasilladeverificacion" checked value="4"

El cdigo de arriba creara unas casillas de verificacin o Checkbox como estas de abajo:
Estudiante Astronauta Mdico Webmaster

Date cuenta en el cdigo de arriba, que he colocado la etiqueta <br /> al final de cada lnea. Recuerdas para qu? Si, significan saltos de lnea y las he colocado

para que la casillas aparezcan una en cada lnea y no una tras otra en una sola lnea. Solo era para recordrtelo. De nuevo puedes ver como aparecen activas ya las casillas en las que pusimos la palabra mgina checked. An as, el usuario puede desactivarlas y marcar otras distintas si quiere.
http://formate21.es/crear-un-formulario-con-php-mysql/

http://www.youtube.com/watch?v=nkOUrMi3Hcg

También podría gustarte