martes, 4 de junio de 2019

Formulario en HTML

Los formularios se realizan en HTML y luego se procesan en algún otro lenguaje del lado del servidor como PHP o NodeJS para llevar la información recopilada a una base de datos o enviarla por email.

En este caso únicamente vamos crear un formulario en HTML si más que ver algunas de sus posibilidades pero no enviaremos aún la información a un email o a una base de datos.

Si deseamos enviar la información a un script en PHP podemos hacerlo por el método GET o por el método POST. El método GET es el método por defecto y envía todo el contenido del formulario dentro de la URL. Esto tiene el inconveniente de que si se recoge una contraseña esta se podrá ver en la URL.

Código

 <!DOCTYPE html>  
 <html>  
  <head>  
   <meta charset="utf-8">  
   <title>Formulario HTML</title>  
  </head>  
  <body>  
   <h1>Formulario</h1>  
   <form>  
    <p>  
     <label for="elNombre">Su nombre: </label>  
     <input type="text" name="elNombre" placeholder="Escriba su nombre...">  
    <br>  
    <label for="pass">Contraseña: </label>  
     <input type="password" name="pass" >  
    </p>  
    <p>  
     <label for="laEdad">Su edad: </label>  
     <input type="number" name="laEdad" value="25" min="0" style="width: 3em;" >  
    </p>  
    <p>  
     <label for="presenta">Descripción: </label>  
     <textarea name="presenta"></textarea>   
    </p>  
    <input type="radio" name="genero" value="hombre">Hombre<br>  
    <input type="radio" name="genero" value="mujer">Mujer<br>  
    <label for="colores">Indique su color favorito: </label>  
    <select name="colores">  
     <option value="rojo">Rojo</option>  
     <option value="verde">Verde</option>  
    </select>  
    <p><input type="submit" value="Enviar formulario"></p>  
   </form>  
  </body>  
 </html>  


En la siguiente dirección puede ver el formulario que hemos creado.


La URL que veremos después de pulsar el botón "Enviar formulario" es la siguiente.


Al haber utilizado el método GET vemos que en la URL se recogen todos los campos del formulario, incluida la password que se puede ver completamente, sin ocultar los caracteres. La ventaja que tiene el método POST es que en la URL no se ve el contenido del formulario que el usuario ha elegido.

No hay comentarios:

Publicar un comentario