P. 1
Qué es un Formulario

Qué es un Formulario

|Views: 17|Likes:
Publicado porAnonymous m3OP7uEj8

More info:

Published by: Anonymous m3OP7uEj8 on Oct 02, 2013
Copyright:Attribution Non-commercial

Availability:

Read on Scribd mobile: iPhone, iPad and Android.
download as DOCX, PDF, TXT or read online from Scribd
See more
See less

10/04/2014

pdf

text

original

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: ......

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

si es que queremos que aparezca algo. 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.Campos de Texto Es el típico recuadro para insertar datos en los que cabe una línea de texto solamente. que nos servirá para poder manejar el valor introducido después. pero por si acaso.. 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. Con name="nombredelcampo" la damos un valor a ese recuadro.. Luego aparece type="text" con lo que señalamos que ese recuadro será para introducir texto. ***************** . claro. Esto es para evitar que alguien pueda leer la contraseña mientras que nuestro amigo visitante escribe los datos del formulario. Si no. que indica que vamos a colocar un recuadro para introducir datos. Eso significa que si te pones a escribir dentro de ese recuadro. Con value="valor por defecto" podemos indicar el valor que queremos que aparezca dentro del recuadro en cuanto el visitante vea esa página. La linea comienza con la etiqueta input. Su código es este otro: <input type="password" name="nombredelcampo" value="Valor por defecto" size="20" maxlengh="20" /> Y este es su aspecto. Campos de Contraseña Este tipo de campo es muy similar al anterior. Intenta escribir en ese recuadro y verás los asteriscos que te decía. 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. podemos dejarlo en blanco y el campo aparecerá vacio. 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.

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

Esto es opcional y lo puedes hacer de cualquier otro modo. que he colocado la etiqueta <br /> al final de cada línea. que significa casillas de verificación.. como podemos tomar uno o más valores. a tu gusto. o todos. también nos permite dejar activadas ninguna. La ponemos para que no aparezcan todas las opciones pegadas una tras otra. 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. 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. Y claro. Esto es porque hemos puesto checked en esa línea. <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. 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. Recuerdas para qué? Si. significan saltos de línea y las he colocado .

es/crear-un-formulario-con-php-mysql/ http://www.com/watch?v=nkOUrMi3Hcg . Aún así. el usuario puede desactivarlas y marcar otras distintas si quiere. http://formate21.youtube.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. Solo era para recordártelo.

You're Reading a Free Preview

Descarga
scribd
/*********** DO NOT ALTER ANYTHING BELOW THIS LINE ! ************/ var s_code=s.t();if(s_code)document.write(s_code)//-->