Visualizzazione risultati 1 fino 2 di 2

Discussione: Abilitare automaticamente inserimento dati in un form

  1. #1
    Guest

    Predefinito Abilitare automaticamente inserimento dati in un form

    Salve! Ho la necessità di creare un form in html che in automatico abiliti l'inserimento dei dati senza dover cliccare sulla textarea.
    Il codice che ho attualmente è il seguente:
    Codice HTML:
    <form action="insert.php" method="post" id="form">
        <ol>
          <li>
            <input type="text" name="nome" id="nome" tabindex="1"/>
          </li>
          <li>
            
            <input type="text" name="email" id="email" tabindex="2"/>
     
          </li>
         
        </ol>
       <input type="submit" name="submit" id="submit" value="Invia" tabindex="3" />
    </form>
    Il risultato che vorrei ottenere è quello che succede quando si va sulla home page di google, ma vorrei farlo sul campo nome.
    Risulta possibile ciò? Grazie

  2. #2
    L'avatar di alemoppo
    alemoppo non è connesso Staff AV
    Data registrazione
    24-08-2008
    Residenza
    PU / BO
    Messaggi
    22,141

    Predefinito

    Sicuramente devi utilizzare Javascript.

    Un'idea potrebbe essere quella di utilizzare addEventListener e filtrare gli eventi onKeyUp.


    Codice HTML:
    <script>
    window.onload = function()
    {
      document.getElementById("nome").addEventListener("keyup", function(){
        var contenuto = document.getElementById("nome").value;
    
        /*qui puoi far qualsiasi cosa con il contenuto, ad esempio assegnarlo al campo email*/
        document.getElementById("email").value = contenuto;
      });
    }
    </script>
    Ciao!

Regole di scrittura

  • Non puoi creare nuove discussioni
  • Non puoi rispondere ai messaggi
  • Non puoi inserire allegati.
  • Non puoi modificare i tuoi messaggi
  •