Anuncios

Bienvenidos sean a este post, hoy veremos lo mismo que en el post anterior pero a nivel formularios y una particularidad especial.

Anuncios

Para ello crearemos un nuevo archivo llamado forms.php y le agregaremos este primer codigo:

forms.php

<html>

<head>
<title>Formulario de usuarios</title>
</head>

<body>

<form name="form1" method="post" action="">
Ingresa el usuario: <input type="text" name="user" value=""><br>
Ingresa el nombre: <input type="text" name="nombre" value=""><br>
Ingresa el apellido: <input type="text" name="apellido" value=""><br>
<br>
<button type="submit">Subir</button>&nbsp;&nbsp;&nbsp;
<button type="reset">Cancelar</button>
</form>

</body>

</html>
Anuncios

Como siempre primero haremos la estructura de nuestra pagina por medio de HTML, es muy parecido a lo visto en el post anterior pero agregamos un elemento nuevo y variamos un poco los botones, el nuevo elemento es el form:

<form name="form1" method="post" action="">
Anuncios
Anuncios

Esta es la forma mas basica de crear un formulario donde le pasamos un nombre para identificarlo, el metodo de envio de la informacion y por ultimo una accion, en general se usa para indicar una pagina que procesara la informacion pero se puede dejar en blanco para que use la misma pagina, como sera nuestro caso, luego dentro del formulario tenemos tres input para almacenar el usuario, el nombre y el apellido respectivamente pero a diferencia del caso anterior en lugar de usar la opcion id usaremos a la opcion name para identificar a cada uno de ellos y la otra diferencia estara en los nuevos botones donde el primero sera de tipo submit y lo usaremos para subir los datos del formulario, tal como dijimos en el post anterior, el siguiente boton sera para resetear el formulario y eliminar todos los datos, por eso elegimos a reset, con esto comentado podemos pasar a agregar el bloque de PHP igual que en el post anterior antes del tag html:

<?php

if (isset($_REQUEST["user"])) { 
        $usuario=$_REQUEST["user"]; 
} else { 
        $usuario=""; 
}
if (isset($_REQUEST["nombre"])) {
        $nombre = $_REQUEST["nombre"];
} else {
        $nombre = "";
}
if (isset($_REQUEST["apellido"])) {
        $apellido = $_REQUEST["apellido"];
} else {
        $apellido = "";
}

if ($nombre!="" && $apellido!="" && $usuario!="")
{
        $salida = "si";
} else {
        $salida = "";
}

?>
Anuncios
Anuncios

Aqui volvemos a aplicar el condicional que usamos en el post anterior donde por medio de $_REQUEST verificamos cada uno de los elementos que enviamos del formulario, el procedimiento es lo mismo para los tres donde verificamos si el valor fue enviado con ese nombre, en caso de ser verdadero procede a almacenarlo en una variable de lo contrario define a la variable pero la deja en blanco, con nuestras tres variables definidas podemos pasar al siguiente condicional donde verificamos que las tres variables tengan un valor o sea distintas de nada, en caso de ser verdadero definimos una nueva variable llamada salida con el valor de si, de lo contrario la dejamos en blanco o le establecemos otro valor, por ejemplo no, pero para este caso lo dejaremos en blanco, nuestro siguiente paso sera agregar esta linea antes del tag del form:

<?php if ($salida!="si") { ?>
Anuncios

Es la primera parte de una serie de bloques para mostrar una parte o no de la pagina, en este caso ponemos el condicional con la condicion original donde verifica si salida es distinto de si, en caso de ser verdadero mostrara el formulario, despues del tag del cierre del formulario agregaremos este bloque:

<?php } else { ?>
Usuario: <?php echo $usuario; ?><br>
Nombre: <?php echo $nombre; ?><br>
Apellido: <?php echo $apellido; ?><br>
<br>
<button type="button" onclick="location.href='forms.php'">Volver</button>
<?php } ?>
Anuncios
Anuncios

Este consta de varias partes pero basicamente sera el else del primer condicional, donde lo ejecutaremos cuando salida sea igual a si, en este caso mostramos los tres datos enviados por un tema de practicidad lo hice mezclado pero se podria haber hecho completamente en PHP pero seguramente la hubiera complicado con el boton final, observen que la identificacion la hice con HTML pero al lado puse un bloque de PHP para mostrar el valor correspondiente por ultimo hicimos un boton de tipo button y por medio de onclick ejecutamos a href de location para ir de vuelta a nuestro formulario o pagina dando el efecto de volver, antes de probarlo veamos como quedo el codigo final:

forms.php

<?php

if (isset($_REQUEST["user"])) { 
	$usuario=$_REQUEST["user"]; 
} else { 
	$usuario=""; 
}
if (isset($_REQUEST["nombre"])) {
	$nombre = $_REQUEST["nombre"];
} else {
	$nombre = "";
}
if (isset($_REQUEST["apellido"])) {
	$apellido = $_REQUEST["apellido"];
} else {
	$apellido = "";
}

if ($nombre!="" && $apellido!="" && $usuario!="")
{
	$salida = "si";
} else {
	$salida = "";
}

?>

<html>

<head>
<title>Formulario de usuarios</title>
</head>

<body>

<?php if ($salida!="si") { ?>
<form name="form1" method="post" action="">
Ingresa el usuario: <input type="text" name="user" value=""><br>
Ingresa el nombre: <input type="text" name="nombre" value=""><br>
Ingresa el apellido: <input type="text" name="apellido" value=""><br>
<br>
<button type="submit">Subir</button>&nbsp;&nbsp;&nbsp;
<button type="reset">Cancelar</button>
</form>
<?php } else { ?>
Usuario: <?php echo $usuario; ?><br>
Nombre: <?php echo $nombre; ?><br>
Apellido: <?php echo $apellido; ?><br>
<br>
<button type="button" onclick="location.href='forms.php'">Volver</button>
<?php } ?>

</body>

</html>
Anuncios

Con todo esto comentado podemos pasar a probar nuestro formulario mediante el siguiente video

Anuncios

En el video podemos ver como se ejecuta perfectamente el formulario cuando se cargan todos los datos, cuando no lo enviamos y por ultimo cuando usamos el boton de reset para limpiar el mismo, obviamente este es un formulario inutil porque la informacion no se almacena en ningun lado pero eso es algo que solucionaremos en los posts venideros donde veremos como trabajar con mysql (mariadb) y PHP para ejecutar sus distintas acciones.

Anuncios
Nota: 
Por un tema de practicidad al momento de usar los input solo use el atributo name pero les recomiendo utilizar este en conjunto con id para evitar problemas de identificacion y pueden convivir al mismo tiempo sin inconvenientes.
Anuncios

En resumen, hoy hemos visto un formulario web con PHP, como se diferencia con lo visto en el post anterior, como trabaja de forma parecida pero un poco mas practica, dependiendo de nuestra necesidad, tambien hemos visto como podemos restringuir una parte del codigo de nuestra pagina para que se muestre cuando lo necesitemos, por lo menos asi lo hago yo, espero les haya sido util sigueme en tumblr, Twitter o Facebook para recibir una notificacion cada vez que subo un nuevo post en este blog, nos vemos en el proximo post.

Anuncios
pp258

Donación

Es para mantenimento del sitio, gracias!

$1.50