chitika

viernes, 27 de enero de 2017

Método POST, formulario HTML , PHP básico

Escribiendo un poco de código: aplicando el método POST básico conjuntamente utilizando lenguaje de marcado HTML y el lenguaje de código abierto PHP, la próximamente subiré el mismo formulario enlazado a MYSQL y posterior mente validaciones. 


<?php
$date = isset($_POST['date']) ? $_POST['date']: null;
$nombre = isset($_POST['nombre']) ? $_POST['nombre'] : null ;
$apellido = isset($_POST['apellido'])? $_POST['apellido'] : null ;
$sexo = isset($_POST['sexo'])? $_POST['sexo'] : null ;
$educacion = isset($_POST['educacion'])?$_POST['educacion']:null;
$email = isset($_POST['email'])? $_POST['email']:null;
$tarjeta = isset($_POST['tarjeta'])?$_POST['tarjeta']:null;
$p001 = isset($_POST['p001'])?$_POST['p001']:null;
$p002 = isset($_POST['p002'])?$_POST['p002']:null;
$p003 = isset($_POST['p003'])?$_POST['p003']:null;
$p004 = isset($_POST['p004'])?$_POST['p004']:null;
$p005 = isset($_POST['p005'])?$_POST['p005']:null;
$p006 = isset($_POST['p006'])?$_POST['p006']:null;
$p007 = isset($_POST['p007'])?$_POST['p007']:null;
$terminos = isset($_POST['terminos'])? $_POST['terminos']:null;
$descripcion = isset($_POST['descripcion'])?$_POST['descripcion']:null;

if(isset($date)){
 echo '<ol><li>'.$date.'<br/>';
 echo '<li>'.$nombre.'<br/>';
 echo '<li>'.$apellido.'<br/>';
 echo '<li>'.$sexo.'<br/>';
 echo '<li>'.$email.'<br/>';
 echo '<li>'.$tarjeta.'<br/>';
 echo '<li>'.$p001.'<br/>';
 echo '<li>'.$p002.'<br/>';
 echo '<li>'.$p003.'<br/>';
 echo '<li>'.$p004.'<br/>';
 echo '<li>'.$p005.'<br/>';
 echo '<li>'.$p006.'<br/>';
 echo '<li>'.$p007.'<br/>';
 //echo '<li>'.$terminos.'<br/>';
 echo '<li>'.$descripcion.'<br/>';
}
else {echo 'Post';}
?>

<!DOCTYPE html>
<html>
 <head>
  <title>Cuanto te gusta LINUX metodo post</title>

  <script> 
   function revisar() { 
    if(form.tarjeta == "Por favor Seleccione ...") { alert('Debes poner el nombre') ; return false ; } 
   } 
  </script> 
 </head>
 <body  bgcolor= "#f0f0f0">
  <form action="formulario.php" method="POST" name="form">

   <p align="center"><h1>Por favor complete el siguiente formulario</h1></p>
   <!--Etiqueta de tipo Fecha-->
    <p><strong>Día mes y año:</strong></p>
     <p><input type="date" name="date" required/></p>
   <!--Campo Oculto-->
   <input type="hidden" name="edad" value="32" />
   <!--creación de los textos-->
   <p><strong>Nombres:</strong><p>
    <p><input type="text" name="nombre" /></p>
   <p><strong>Apellidos:</strong><p>
    <p><input type="text" name="apellido" /></p>

   <!--Creación de botón de opción-->
   <p><strong>Selecciones su sexo</strong></p>
   <p>

    Masculino:<input type="radio" name="sexo" value="masculino" ><br/> 
    Femenino:<input type="radio" name="sexo" value="femenino" checked="checked"><br/>
    Indefinido:<input type="radio" name="sexo" value="indefinido"><br/>
   </p>
   <!--Creación de checkbox-->
   <p>Estudiante:<input type="checkbox" name="educacion" value="estudiante" /><br/>
   Profesional:<input type="checkbox" name="educacion" value="Profesional" /><br/>
   Master:<input type="checkbox" name="educacion" value="Master" /><br/>
   Doctor:<input type="checkbox" name="educacion" value="Doctor" /></p>
   <!--validación de correo con atributo pattern -->
   <!--<input type="email" name="email"/>-->
   <p><strong>Email:</strong></p>
    <p><input type="text" pattern="^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$" name="email" required/></p>



   <p><strong>Distribución de SL que utilizas:</strong></p>
   <!--creación del drop down list-->
   <p><select name="tarjeta" id="tarjetas" required/>
    <option selected="selected">Por favor Seleccione ...</option>
    <option value="visa">Red Hat Enterprise Linux</option><br/>
    <option value="mastercard">Debian</option><br/>
    <option value="americanexpress">OpenSUSE</option><br/>
    <option value="paypal" >Fedora</option><br/>
    <option value="discover">CentOS</option><br/>
    <option value="archlinux">Arch Linux</option><br/>
    <option value="manjaro">Manjaro</option>
    <option value="ubuntu">Ubuntu</option>
    <option value="linuxmint">Linux Mind</option>
    <option value="elementaros">Elementary OS</option>
    <option value="zorinos">Zorin Os</option>
    <option value="peppermintos">Peppermint OS</option>
    <option value="tails">Tails</option>
    <option value="kalilinux">Kali Linux</option>
    <option value="blackArchlinux">BlackArch Linux</option>
    <option value="Archassault">Arch Assault</option>
    <option value="puppylinux">Puppy Linux</option>
    <option value="">linux kids</option>
    <option value="lubuntu">Lubuntu</option>
    <option value="damnsmalllinux">Damn Small Linux</option>
    <option value="slitaz">SliTaz</option>
    <option value="lxle">LXLE</option>
    <option value="bodhilinux">Bodhi Linux</option>
    <option value="q4os">Q4OS</option>
    <option value="distroastro">Distro Astro</option>
    <option value="steamos">SteamOS</option>
    <option value="artistx">ArtistX</option>
    <option value="ubuntustudio">Ubuntu Studio</option>
    <option value="scientificlinux">Scientific Linux</option>
    <option value="ceeld">CEELD</option>
    <option value="edubuntu">Edubuntu</option>
    <option value="openelec">Openelec</option> 
   </select></p>
    <p><strong>¿Todo programa que funciona para Linux es libre? ¿y gratis?</strong><p>
     <p><input type="text" name="p001" /></p>
    <p><strong>¿Cuál es la diferencia entre Free Software y Open Source Software?</strong>
     <p><input type="text" name="p002" /></p>
    <!--Etiqueta de tipo password-->
    <p><strong>Escribe una contraseña que te paresca segura</strong></p>
     <p><input type="password" name="p003" /></p>
    <p><strong>¿Es más seguro el software libre que el software privativo?</strong>
     <p><input type="text" name="p004" /></p>
    <p><strong>¿Es más potente el software libre o el privativo?</strong>
     <p><input type="text" name="p005" /></p>
    <p><strong>¿Cómo se llama el software que no es libre?</strong>
     <p><input type="text" name="p006" /></p>
    <p><strong>¿Por que el software libre, cuáles son su ventajas?</strong></p>
     <p><input type="text" name="p007" /></p>
    <!--Cuadro de verificación-->
    <p><input type="checkbox" name="terminos" required/> Seleccione si usted certifica usted tiene mente libre, es mayor de 18 años y acepta todos los terminos de <a href="http://informaticalibre84.blogspot.com">http://informaticalibre84.blogspot.com</a></input></p>
    <!--creación de un textarea-->
    <p><strong>Sugerencias:</strong></p>
    <p><textarea rows="5" name="descripcion" cols="20">Comentario</textarea></p>
   

    <p><input type="submit" name="enviar" value="enviar">
    <input type="reset" name="limpiar" value="Borrar"></p>
  </form>
 </body>
</html>
Publicado por en

No hay comentarios:

Publicar un comentario

Suscribirse a: Enviar comentarios (Atom)