Formularfelder gezielt löschen
Normalerweise löscht man die Felder eines Formulars mit einem Reset-Button (<input type=reset>).
Was aber, wenn man nicht alle Felder löschen möchte, z. B. das dynamisch eingetragene Datum? Hierzu kann man sich der Funktion „clear()”, die in den Kopfereich der Seite (zwischen <head> und </head>) geschrieben wird, bedienen:
Was aber, wenn man nicht alle Felder löschen möchte, z. B. das dynamisch eingetragene Datum? Hierzu kann man sich der Funktion „clear()”, die in den Kopfereich der Seite (zwischen <head> und </head>) geschrieben wird, bedienen:
<script type="text/javascript">
function clear() {
document.demo.Name.value = "";
document.demo.Text.value = "";
}
</script>
Im Formular ersetzen Sie den Code
<input type=reset value="Eingaben löschen">
durch
<input type=button value="Eingaben löschen" onClick="clear();">
Hier können Sie das Beispiel ausprobieren:
Nun ist das ein recht kleines Formular. Wenn es darum geht, in einem umfangreichen Formular ein Feld nicht zu löschen, können Sie die Funktion „clear()” wie folgt abwandeln:
<script type="text/JavaScript">
function clear() {
document.demo.reset();
document.demo.Datum.value = Heute;
}
</script>
Wie Sie den Wert für „Heute” ermitteln, erfahren in dem Tip Datum in ein Textfeld eintragen