Formular auswerten

HTML

  <form name="form1" method="get">
    <p>
      <label for="eingabe">Eingabe:</label>
      <input name="eingabe" type="text" id="eingabe" >
     </p>
    <p>
      <input type="button" value="Senden" id="submit">
    </p>
  </form>

Javascript

const submit = document.getElementById("submit");

submit.addEventListener("click", validate);

function validate(e) {
  e.preventDefault();
  var eingabe  = document.getElementById("eingabe").value;
  document.getElementById("ausgabe").innerHTML = eingabe;
  }
    

Eingabe:

Ausgabe:

---

In diesem Beispiel geht es lediglich darum, die Formularfelder mit Javascript auszulesen und zu verarbeiten. Das einfache Beispiel zeigt die Eingabe auf der Seite an.

 

Javascript Tipps