domingo, 18 de septiembre de 2016

Capítulo 71. PHP: Continuando con los formularios. Parte 3


Diario de un programador.- Día 172

Siguiendo con los formularios, el siguiente por ver es...

Formulario de lista de botones de opción

En apariencia este formulario es parecido al anterior, pero es para seleccionar una sola opción en múltiples alternativas. Como solamente una opción es seleccionada, el nombre no usa arreglo como en el anterior formulario. Además, la palabra clave "value" es obligatoria. El código es el siguiente:

  <input type = "radio" name = "semana" value = "lunes"/> Lunes <br/>
  <input type = "radio" name = "semana" value = "martes"/> Martes <br/>
  <input type = "radio" name = "semana" value = "miercoles"/> Miercoles <br/>
  <input type = "radio" name = "semana" value = "jueves"/> Jueves <br/>
  <input type = "radio" name = "semana" value = "viernes"/> Viernes <br/>
  <input type = "radio" name = "semana" value = "sabado"/> Sabado <br/>
  <input type = "radio" name = "semana" value = "domingo"/> Domingo <br/>

Así es como se debería de ver:


El otro documento php, como se dijo anteriormente, solamente recibe un dato, por lo que se debería de ver así:

<?php

if (isset($_POST["semana"])){
                echo "El dia seleccionado es:<br> ";
                echo $_POST["semana"];
}
else{
                echo "Ningun día seleccionado";
}

 ?>


Al ejecutar el código, esto es lo que tendría que salir:




Y como es de costumbre, al escoger un día y seleccionar el botón "enviar", esto es lo que se debería de ver:


Diario de un programador.- Día 173

Campos ocultos

Este campo no aparece en pantalla, es invisible al usuario y sirve principalmente para efectuar operaciones o cálculos que no necesitan ser vistos por el usuario.
El código es así:

<input type = "hidden" name = "oculto" value = "Dato oculto enviado"/> <br/>

La palabra clave "value" contiene el valor oculto que será enviado al otro documento php. Este dato es invisible en el documento principal.
El código completo es así:


El documento php que recibe los datos se ve así:

<?php

 echo $_POST["oculto"];

 ?>


Al ejecutar esto, se vería más o menos así:


Después de presionar el botón "enviar", en el otro documento se puede apreciar el dato enviado.



El botón Reset

Este botón sirve para borrar todos los datos que se han introducido en el formulario. Su código es el siguiente:

<INPUT TYPE = "reset" NAME = "borrar" VALUE = "Borrar"/>

Como se puede ver, tiene los mismos parámetros que el botón "submit". El código completo es el siguiente:

Semana:
<FORM ACTION = "datos.php" METHOD = "POST" NAME = "formulario">
  <input type = "radio" name = "semana" value = "lunes"/> Lunes <br/>
  <input type = "radio" name = "semana" value = "martes"/> Martes <br/>
  <input type = "radio" name = "semana" value = "miercoles"/> Miercoles <br/>
  <input type = "radio" name = "semana" value = "jueves"/> Jueves <br/>
  <input type = "radio" name = "semana" value = "viernes"/> Viernes <br/>
  <input type = "radio" name = "semana" value = "sabado"/> Sabado <br/>
  <input type = "radio" name = "semana" value = "domingo"/> Domingo <br/><br/>

<INPUT TYPE = "submit" NAME = "enviar" VALUE = "Enviar"/>
<INPUT TYPE = "reset" NAME = "borrar" VALUE = "Borrar"/>
</FORM>


Al ejecutar el código, el formulario se vería más o menos así:


Como se dijo anteriormente, ese botón borrará todos los datos ingresados.

Ejercicios

Crear el siguiente formulario:


Este formulario debe crear datos similares al siguiente ejemplo en el otro documento php


Respuesta


//formulario 1:

<H2> Formulario de datos personales</H2>
<FORM ACTION = "datos.php" METHOD = "POST" NAME = "formulario">
  Nombre:<br/>
  <input type = "text" name = "nombre"/><br/>
 
  Edad:<br/>   
  <input type = "text" name = "edad"/><br/>
 
  Contraseña:<br/>
  <input type = "password" name = "clave"/><br/><br/> 
 
  Sexo:
  Masculino<input type = "radio" name = "genero" value = "Masculino"/>
  Femenino<input type = "radio" name = "genero" value = "Femenino"/><br/><br/>
 
  Idioma:
  <select name = "idioma">
    <option value = "Español">Español</option>
                <option value = "Ingles">Ingles</option>
                <option value = "Frances">Frances</option>
                <option value = "Aleman">Aleman</option>
                <option value = "Japones">Japones</option>
                <option value = "Otro">Otro</option>
  </select><br/><br/>
 
  Intereses:<br/>
  <input type = "checkbox" name = "intereses[]" value = "Ciencia"/>Ciencia<br/>
  <input type = "checkbox" name = "intereses[]" value = "Tecnología"/>Tecnología<br/>
  <input type = "checkbox" name = "intereses[]" value = "Moda"/>Moda<br/>
  <input type = "checkbox" name = "intereses[]" value = "Juegos"/>Juegos<br/>
  <input type = "checkbox" name = "intereses[]" value = "Otros"/>Otros<br/><br/>

  Otros intereses:<br/>
  <textarea name = "comentarios"></textarea><br/><br/> 
<INPUT TYPE = "submit" NAME = "enviar" VALUE = "Enviar"/>
<INPUT TYPE = "reset" NAME = "borrar" VALUE = "Borrar"/>
</FORM>



//formulario 2

<?php

echo "<b>Nombre:</b> ", $_POST["nombre"],"<br/>";
echo "<b>Edad:</b> ", $_POST["edad"],"<br/>";
echo "<b>Clave:</b> ", $_POST["clave"],"<br/><br/>";

//Sexo
if (isset($_POST["genero"])){
                echo "<b>Genero:</b> ";
                echo $_POST["genero"],"<br/><br/>";
}
else{
                echo "Ningun genero seleccionado<br/>";
}

//idioma
echo "<b>Idioma:</b> ", $_POST["idioma"],"<br/><br/>";

//intereses
if (isset($_POST["intereses"])){
                echo "<b>Intereses:</b><br/> ";
                foreach ($_POST["intereses"] as $valor){
                               echo $valor, "<br>";
                }
}
else{
                echo "Ningun interes seleccionado<br/>";
}
//otros interes
echo "<br/><b>Otros intereses:</b><br/> ", $_POST["comentarios"],"<br/>";


 ?>

Esto es todo. Espero les haya gustado y lo hayan entendido. Saludos y hasta la próxima



Gustavo J. Cerda Nilo
Mayo 2016, Septiembre 2016
http://codigogx.blogspot.cl/2016/09/capitulo-71-php-continuando-con-los_14.html

No hay comentarios:

Publicar un comentario

C++ El apuntador This

El apuntador This En C++, cada objeto tiene acceso a su propia dirección a través de un puntero o apuntador denominado This. Lo...