Formularschaltflächen in JavaScript
Sie wissen bereits, dass ein Formular durch
einen Klick auf eine Schaltfläche abgeschickt wird. Hier gibt es jedoch Nuancen.
Die Schaltfläche muss zwingend das Attribut type
mit dem Wert submit haben:
<form>
<input name="test1">
<input name="test2">
<input type="submit">
</form>
Das Formular wird auch durch das Tag button
mit dem Attribut type und dem Wert submit abgeschickt:
<form>
<input name="test1">
<input name="test2">
<button type="submit">btn</button>
</form>
Das Formular wird auch abgeschickt, wenn in einem
der Eingabefelder der Fokus gesetzt wird und Enter gedrückt wird.
Eine Schaltfläche mit dem Attribut type und dem Wert
button wird als Seitenelement verwendet
und schickt das Formular nicht ab:
<form>
<input name="test1">
<input name="test2">
<input type="button">
</form>
Das Tag button funktioniert auf ähnliche Weise:
<form>
<input name="test1">
<input name="test2">
<button>btn</button>
</form>
Eine Schaltfläche mit dem Attribut type und dem Wert
reset leert das ausgefüllte Formular:
<form>
<input name="test1">
<input name="test2">
<input type="reset">
<input type="submit">
</form>
Korrigieren Sie den folgenden Code so, dass die Schaltfläche das Formular an den Server sendet:
<form>
<input name="name">
<input name="surn">
<button>send</button>
</form>