Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- modul:m293:learningunits:lu06:button [2024/03/28 14:07] – angelegt - Externe Bearbeitung 127.0.0.1
+++ modul:m293:learningunits:lu06:button [2026/05/28 14:52] (aktuell) – [type='reset'] msuter
@@ Zeile 9: / Zeile 9: @@
 Das Button-Element benötigt das Attribut ''type'' um die Art der Verarbeitung zu definieren.
-==== type='submit' ====
+==== type="submit" ====
 <code html>
 ...
-  <form action='./index.php' method='post'>
+  <form action="./index.php" method="post">
-    <label for='email'>Email</label>
+    <label for="email">Email</label>
-    <input id='email' name='email' type='text' />
+    <input id="email" name="email" type="text" />
-    <button type='submit'>Absenden</button>
+    <button type="submit">Absenden</button>
   </form>
 ...
 </code>
-Klickt der Benutzer auf einen Button mit ''type='submit' '', so sendet der Webbrowser die Formulardaten an die Zieladresse.
+Klickt der Benutzer auf einen Button mit ''type="submit" '', so sendet der Webbrowser die Formulardaten an die Zieladresse.
 Dabei müssen Sie beachten:
   * Der Button muss innerhalb eines ''form''-Elements stehen, andernfalls wird keine Verarbeitung ausgelöst.
   * Die HTTP-Methode und Zieladresse werden im ''form''-Tag definiert.
-  * Falls Sie mehrere Formulare in einer Webseite haben, muss jedes Formular einen eigenen ''<button type='submit' ...'' haben.
+  * Falls Sie mehrere Formulare in einer Webseite haben, muss jedes Formular einen eigenen ''<button type="submit" ...'' haben.
 ==== type='reset' ====
 <code html>
 ...
-  <form action='./index.php' method='post'>
+  <form action="./index.php" method="post">
-    <label for='email'>Email</label>
+    <label for="email">Email</label>
-    <input id='email' name='email' type='text' />
+    <input id="email" name="email" type="text" />
-    <button type='submit'>Absenden</button>
+    <button type="submit">Absenden</button>
-    <button type='reset'>Zurücksetzen</button>
+    <button type="reset">Zurücksetzen</button>
   </form>
 ...
 </code>
-Ein Button mit ''type='reset' '' setzt das Formular zurück.
+Ein Button mit ''type="reset" '' setzt das Formular zurück.
 Alle Eingaben des Benutzers in den Eingabefeldern werden rückgängig gemacht.
 Es findet keine Übertragung der Daten an den Server statt.