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 través del PhpMyAdmin pero, qué ocurre si queremos que sean los usuarios los que rellenen esos datos? Vamos a tener que darles acceso al PhpMyAdmin? Además.Te imaginas tener que añadir los datos directamente usando el MySql? Uno a uno? Qué horror! Con lo fácil que sería rellear un formulario y hacer que séa 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 añadir datos a la tabla desde cualquier parte en la que dispongamos de conexión a internet. Será cosa de rellenar recuadros, hacer clic en un botón y.... listo! Base de Datos rellenada! Pues vamos allá con las lecciones sobre cómo crear un formulario para el envio de datos a la base de datos desde una página web. Todas estas instrucciones son igualmente válidas para la creación de formularios de cualquier otro tipo, como envío 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 código 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 párrafo 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 página 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 página siguiente y el número de valores está limitado. En cambio usando post no se ven los valores en la dirección de la web y además no hay tal límite de valores a recopilar. Así que, por ahora, usaremos siempre post, vale? Con lo que acabamos de ver, un ejemplo de formulario vacio sería: ......

su etiqueta.. que introduzca una palabra. Por supuesto. . una frase corta o incluso un buen trozo de texto.Después 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. Lo veremos más adelante. o una clave o contraseña.. ..<form method="post" action="mostrardatosenpagina.. Fíjate que todos ellos tiene un código muy similar: <input type="tipodedato" name="nombredelcampo" value="Escribe Aquí" size="20" maxlengh="20" /> . Y finalmente se cierra la etiqueta del input con /> En este caso como ves no hay etiqueta de cierre con </input> nunca.Seguido del nombre de ese campo de información name="nombredelcampo". y hasta archivos.Empiezan con el código <input. Si le ponemos 20 a maxlength solo guardaremos los 20 primeros carácteres que escriba y al resto no le haremos ni caso. Existen varios tipos o formas y puedes y debes elegir la que más se amolde a los datos de la tabla o base de datos. Seguimos? Ahora que tenemos preparado el formulario vamos a ver qué tipo de recuadros donde insertar información podemos colocar dentro. será eso lo que aparezca escrito cuando el usuario visualice el formulario. veamos. podrá borrarlo para ecribir su comentario.php"> . . Es simplemente el ancho del recuadro. Que lo escojamos pequeño no significa que el visitante no pueda escribir muchos carácteres en él. </form> . eso viene definido por la siguiente característica. Recuérdalo. .. Puedes pedir al visitante que indique uno o varios de entre un conjunto de valores. que es el nombre que daremos a lo que el usuario escriba y que nos sirve para poder usarlo más tarde. dentro de un formulario puedes encontrar distintas formas de pedir los datos.Longitud máxima que podemos dar a ese datos maxlegth="20". que es la máxima cantidad de carácteres que vamos a guardar de lo que el usuario escriba.. por ejemplo"escribe acá tu comentario". pero si escribimos dentro de las comillas de value.. claro. . type="tipodedatos". .. se pierden..Tamaño del recuadro donde se pide la información size="100".Están seguido de una indicacion del tipo de información que se pide. Campos de Datos Como te he dicho. A continuación veremos cada uno de esos tipos. En lugar de tipodedatos nosotros colocaremos ahí qué tipo de datos vamos a pedir al usuario.

Con name="nombredelcampo" la damos un valor a ese recuadro.. pero por si acaso. Su código es este otro: <input type="password" name="nombredelcampo" value="Valor por defecto" size="20" maxlengh="20" /> Y este es su aspecto. claro.Campos de Texto Es el típico recuadro para insertar datos en los que cabe una línea de texto solamente. Luego aparece type="text" con lo que señalamos que ese recuadro será para introducir texto. si es que queremos que aparezca algo. Esto es para evitar que alguien pueda leer la contraseña mientras que nuestro amigo visitante escribe los datos del formulario. que nos servirá para poder manejar el valor introducido después. Para terminar tenemos size="20" que indica el tamaño o anchura del recuadro y maxlength="20" que pone un límite a la cantidad de texto que dejaremos que el usuario escriba en el formulario y que en este caso será de 20 carácteres.. Intenta escribir en ese recuadro y verás los asteriscos que te decía. Si no. ***************** . El código Html para incluir un recuadro de estos en tu página web sería como este: <input type="text" name="nombredelcampo" value="Valor por defecto" size="20" maxlength="20" > El aspecto del código de arriba sería este: Valor por defecto No necesita mucha explicación. que indica que vamos a colocar un recuadro para introducir datos. La linea comienza con la etiqueta input. podemos dejarlo en blanco y el campo aparecerá vacio. Con value="valor por defecto" podemos indicar el valor que queremos que aparezca dentro del recuadro en cuanto el visitante vea esa página. Campos de Contraseña Este tipo de campo es muy similar al anterior. pero en este caso indicamos que la información a insertar va a ser una contraseña y por lo tanto queremos que cuando el visitante la vaya escribiendo se vayan monstrando asteríscos (*) en lugar de la contraseña real. 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 línea para seguir escribiendo más texto.

Está claro que deberian ser distintos esos valores en cada opción. Puede ser un número o el texto de esa opción. Esto se coloca solamente en una de las líneas. . Un bocado y seguimos http://www. Veamos el código de un botón de opción de ejemplo para verlo más 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">Médico<br /> <INPUT type="radio" name="mibotondeopcion" value="4">Webmaster<br> Las características de los botones de opción son las siguientes: .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 opción. . pero el valor que recogerás del formulario una vez que se envíe será el que hay dentro de value.Todos han de tener el mismo valor dentro de name para que el navegador sepa que todas estas líneas corresponden a opciones de ese botón. je je je.. tienes que usar botones de opción.Dentro de type hay que indicar "radio" que significa botón de opción (no. que explicaremos más adelante. Hey. pero en fin.Dentro de las comillas de value indicas el valor que quieres que tenga esa opción. es decir.html Botones de Opción Cuando quieras mostrar al visitante una lista de valores de entre los que tiene que elegir uno solo.. claro. has merendado ya? Me hace ruido la barriga! je je je. . es lo que hay. Es opcional. Si lo que quieres es dar la opción de que el visitante pueda seleccionar más de una de las opciones. en la que tú quieras pero solo en una. no es para escuchar música.) .Personalmente me parece una chorrada como un piano de grande. no? je je je. . Por supuesto puedes usar un campo de texto normal si quieres lo mismo pero viendo el resultado. igual no necesitamos esos asteriscos. Como no estamos en un cajero de un banco. pues indica la opción que aparecerá activada por defecto.com/curso-php-y-msql/que-es-un-formulario/campos-dedatos/botones-de-opcion. no este. Es importante que recuerdes que con este tipo de formulario el visitante SOLO puede escoger uno de los valores.comocreartuweb.checked. Dentro del código Html que define este botón de opción tendrás que indicar cada uno de esos valores. es imposible activar dos o más valores. tendrás que buscar otro modo. Si no lo indicas en ninguna no aparece ninguna de esas opciones marcada de antemano.

Esto es opcional y lo puedes hacer de cualquier otro modo. Esto es porque hemos puesto checked en esa línea. o todos. Recuerdas para qué? Si. significan saltos de línea y las he colocado . El código que te he mostrado arriba para los botones de opción mostraría esto de abajo: Estudiante Astronauta Médico Webmaster Fíjate como la opción Estudiante aparece ya marcada por defecto. La ponemos para que no aparezcan todas las opciones pegadas una tras otra. <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" />Médico<br /> <input type="checkbox" />Webmaster<br /> name="micasilladeverificacion" checked value="4" El código de arriba crearía unas casillas de verificación o Checkbox como estas de abajo: Estudiante Astronauta Médico Webmaster Date cuenta en el código de arriba. una o varias casillas escribiendo la palabra mágica checked en las líneas de código correspondientes. como podemos tomar uno o más valores. a tu gusto. que he colocado la etiqueta <br /> al final de cada línea. Casillas de Verificación Es muy parecido a los botones de opción pero en este caso ofreces la opción de poder seleccionar varios de los valores en lugar de solamente uno.. que significa casillas de verificación. Lo único que cambia en el código Html es que ponemos el tipo "checkbox" dentro de type.Finalmente tenemos la etiqueta Html <br> que como sabes sirve para bajar una línea. Y claro. también nos permite dejar activadas ninguna.

Solo era para recordártelo.com/watch?v=nkOUrMi3Hcg .youtube. Aún así.para que la casillas aparezcan una en cada línea y no una tras otra en una sola línea. De nuevo puedes ver como aparecen activas ya las casillas en las que pusimos la palabra mágina checked. http://formate21.es/crear-un-formulario-con-php-mysql/ http://www. el usuario puede desactivarlas y marcar otras distintas si quiere.

Sign up to vote on this title
UsefulNot useful