MANEJO DE FORMULARIOS
El mecanismo básico de interacción entre el usuario y un web-site esta dado por el uso de formularios HTML, el server envía un formulario que el browser muestra en pantalla permitiendo al usuario ingresar datos, luego los datos en el formulario viajan al server para ser procesado.
Elementos de un Formulario HMTL
La especificación HTML describe los elementos HTML relacionado con los formularios, incluyendo el elemento <form>, <input>, <textarea>, <select>, etc.
Form.- el elemento form sirve para enviar formularios HMTL. El usuario completa los distintitos campos de texto y hace clic en el botón de envió; para ello todos estos elementos deben estar almacenados en un form que será el encargado de enviar al servidor web.
Atributos form
El elemento <form> cuenta con una gran cantidad de atributos, aunque basta con utilizar dos de ellos: action y method.
Atributo Action.- Indica al servidor a que pagina debe desplazarse cuando el usuario pulsa el botón de envió del formulario. No importa si esta página el HMTL, PHP o utiliza cualquier tecnología del lado del servidor, siempre que exista el servidor web.
<forma action= “mipagina.php”>… indica que luego que el usuario pulsa sobre el botón enviar este le dirá al servidor ve a la pagina “mipagina,php”.
Atributo Method.- El atributo method controla la forma en que se envía la información al servidor. Este envió puede hacerse de dos formas, utilizando el método GET o el método POST. El método GET es el predeterminado.
Valor GET
El valor GET del atributo method indica al navegador que adjunte al URL los valores que el usuario ha introducido en el formulario.
Valor POST
Si no quiere que la información enviada aparezca en el URL, tendrá que recurrir al método POST.
Campos de Formulario HTML (Controles) y PHP
Form1.php
<form action="procesar.php" method="post">
<input type="text" name="texto" />
<input type="submit" name="proc" value="Enviar Consulta" />
</form>
<form action="procesar.php" method="post">
<input type="text" name="texto" />
<input type="submit" name="proc" value="Enviar Consulta" />
</form>
Este formulario HTML, lo vamos a grabar con el nombre de form1.php y este formulario se va a mostrar en pantalla de la siguiente manera:
================================EJERCICIOS===============================
Imagen1
Una vez que el usuario ingresa un texto y presione el botón de Enviar Consulta el browser genera un request con método “Post” al script “procesar.php” que es el script que se va encargar de procesar los datos ingresados en el formulario.
Dentro del script php los datos del formulario se reciben en variables php que tienen el mismo nombre que los indicados con “NAME” en el formulario, en este caso el script recibe $texto con el texto tipiado por el usuario en el formulario.
El script que recibe el formulario procesar.php podría por ejemplo ser:
Procesar.php<?php
$texto=$_POST ['texto'];
Echo ("El valor ingresado en el formulario es: $texto <br />");
?>
$texto=$_POST ['texto'];
Echo ("El valor ingresado en el formulario es: $texto <br />");
?>
Imagen2
En PHP es posible que un form se procese a sí mismo, esto lo podemos hacer de la siguiente manera:
<?php
$texto=$_POST['texto'];
if (!$_POST)
{
?>
<form action="procesar.php" method="post">
<input type="text" name="texto" />
<input type="submit" name="proc" value="Enviar Consulta" />
</form>
<?php
}//Esto cierra la llave que abrimos arriba.
else{
echo ("El valor ingresado es: $texto");
}
?>
$texto=$_POST['texto'];
if (!$_POST)
{
?>
<form action="procesar.php" method="post">
<input type="text" name="texto" />
<input type="submit" name="proc" value="Enviar Consulta" />
</form>
<?php
}//Esto cierra la llave que abrimos arriba.
else{
echo ("El valor ingresado es: $texto");
}
?>
TEXT TYPE
Para ingresar texto mediante un formulario html se usa el tag input con atributo type= “text”, los atributos disponibles.
Maxlength=“número” | Cantidad máxima de caracteres que se puede ingresar. |
name= “texto” | Nombre de la variable php que recibirá el valor. |
Size= “número” | Tamaño del campo de entrada a mostrar en pantalla. |
Value= “texto” | Valor inicial a mostrar en el campo de entrada (default). |
Text.html
<form action="text.php" method="post">
Cual es su curso Favorito...?
<input type="text" name="curso" />
<br />
<input type="submit" value="Enviar" />
</form>
<form action="text.php" method="post">
Cual es su curso Favorito...?
<input type="text" name="curso" />
<br />
<input type="submit" value="Enviar" />
</form>
Imagen 3
<body>
Su curso favorito es:
<?php
echo $_GET['curso'];
?>
</body>
Su curso favorito es:
<?php
echo $_GET['curso'];
?>
</body>
Imagen 4
Checkboxes
Los chechboxes son campos de entrada que soportan solamente los estados de seteado o no. Para ello se usa el tag input con type= “checkbox”, los atributos disponibles son:
Checked | Si el atributo está presente el checkbox aparecerá marcado por default. |
Name= “texto” | Nombre de la variable php que recibe el valor. |
Value= “texto” | Valor que toma la variable si esta seteada, el default es “on”. |
El script que recibe los resultados solo recibe los nombres de los checkboxes que están seteados, es común en php generar una lista de checkboxes a partir de un vector, veamos un ejemplo:
Suscribirse a:
Enviar comentarios (Atom)
1 comentarios:
Esto de jalar los form, no me la sabia, no se aprecia muy bien el video pero se entiende
Publicar un comentario