Ver Mensaje Individual
  #2 (permalink)  
Antiguo 13/08/2015, 16:42
Avatar de Alexis88
Alexis88
Philosopher
 
Fecha de Ingreso: noviembre-2011
Ubicación: Tacna, Perú
Mensajes: 5.552
Antigüedad: 12 años, 6 meses
Puntos: 977
Respuesta: Cajas de texto que no se borran

Depende. Si deseas que las cajas de texto carguen con valores predeterminados, pues, solo tienes que establecerlos:

Código HTML:
Ver original
  1. <input type = "text" value = "Aquí va el valor" />

Pero si buscas que estas estén vacías, el usuario ingrese datos y luego de actualizar la página estos no se borren, podrías guardarlos en cookies o localmente y cuando la página cargue, verificas si hay datos almacenados y si es que los hay, los asignas a las respectivas cajas de texto.

Código Javascript:
Ver original
  1. //Cuando haya cargado el documento, se ejecutarán las siguientes instrucciones
  2. document.addEventListener("DOMContentLoaded", function(){
  3.     //Si hay datos almacenados, los recupero, si no, creo un JSON para almacenarlos
  4.     localStorage.datos = localStorage.datos || JSON.stringify({inputs: [], valores: []});
  5.  
  6.     //Recupero los datos almacenados o al JSON, cualquiera de ambos como un objeto
  7.     var almacen = JSON.parse(localStorage.datos),
  8.         elem; //Esta variable será utilizada para almacenar al <input> afectado
  9.  
  10.     //Cuando se escriban o borren datos en el documento, se ejecutará una función
  11.     document.addEventListener("input", function(event){
  12.         elem = event.target; //Tomo al <input> en el que se acaba de escribir/borrar datos
  13.    
  14.         //Almaceno el nombre de la caja de texto y el valor que este posee
  15.         almacen.inputs.push(elem.name);
  16.         almacen.valores.push(elem.value);
  17.         localStorage.datos = JSON.stringify(almacen);
  18.     }, false);
  19.  
  20.     //Cuando el documento haya cargado, verificamos si hay datos almacenados
  21.     if (almacen.valores.length){
  22.         //Si hay valores almacenados, procedemos a asignarlos a sus respectivos <input>
  23.         for (var i = 0, l = almacen.valores.length; i < l; i++){
  24.             document.querySelector("[name=" + almacen.inputs[i] + "]").value = almacen.valores[i];
  25.         }
  26.     }
  27.  
  28.     //Cuando se envíen los datos del formulario, borramos los datos almacenados
  29.     document.querySelector("#id del form").addEventListener("submit", function(){
  30.         localStorage.datos = JSON.stringify({inputs: [], valores: []});
  31.     }, false);
  32. }, false);

Saludos
__________________
«Juro por mi vida y mi amor por ella, que jamás viviré para el provecho de otro hombre, ni le pediré a otro hombre que viva para el mío».

Ayn Rand