Visualizzazione risultati 1 fino 2 di 2

Discussione: Abilitare automaticamente inserimento dati in un form

  1. #1
    smsontheweb non Ŕ connesso Neofita
    Data registrazione
    11-12-2018
    Messaggi
    4

    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
    15,147

    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
  •