JavaScript - HTML-Formulare

<form> S.281 Das umfassende Referenzwerk

HTML-Formularelemente sind die grundlegenden Elemente, aus denen die graphische Benutzeroberfläche für JavaScript-Programme aufgebaut wird.

HTML-Formularelemente

  • Button - <input type="button"> oder <button type="button">
  • Checkbox - <input type="checkbox">
  • FileUpload - <input type="file">
  • Hidden - <input type="hidden">
  • Option - <option>
  • Password - <input type="password">
  • Radio - <input type="radio">
  • Reset - <input type="reset"> oder <button type="reset">
  • Select - <select>
  • Select - <select multiple>
  • Submit - <input type="submit"> oder <button type="submit">
  • Text - <input type="text">
  • Textarea - <textarea>

Eigenschaft type

  • button
  • checkbox
  • file
  • hidden
  • keine (Option)
  • hidden
  • password
  • radio
  • reset
  • select-one
  • select-multiple
  • submit
  • text
  • textarea

Beschreibung und Events

  • Button

    Ein Button; onclick

  • Checkbox

    Ein nicht-exklusiver Schalter; onclick

  • FileUpload

    Eingabefeld für den Namen einer Datei, die auf einem Webserver geladen werden soll; onchange

  • Hidden

    Für den Benutzer unsichtbare Daten, die mit dem Formular verschickt werden; Kein Event-Handler

  • Option

    Ein einzelnes Element innerhalb eines Select-Objekts;

  • Password

    Eingabe Feld für Paßwörter, die eingegebenen Zeichen werden nicht angezeigt; onchange

  • Radio

    Ein exklusiv Schalter, nur einer kann ausgewählt werdeen; onclick

  • Reset

    Ein Button, mit dem ein Formular zurückgesetzt werden kann; onclick

  • Select

    Eine Liste oder ein Menü, aus der ein Eintrag ausgewählt werden kann; onchange

  • Select multiple

    Eine Liste, aus der mehrere Elemente ausgewählt werden können; onchange

  • Submit

    Ein Button, mit dem ein Formular abgeschickt wird; onclick

  • Text

    Ein einzeiliges Texteingabefeld; onchange

  • Textarea

    Ein mehrzeiliges Texteingabefeld; onchange

Beispiel:

<form method="post" action="">

Benutzername: <input type="text" name="Benutzername" />

Passwort: <input type="password" name="Passwort" />

Geschlecht: <input type="radio" name="Geschlecht" value="w" /> weiblich

<input type="radio" name="Geschlecht" value="m" /> männlich

Land: <select name="Land">

<option value=""> - bitte ausfüllen - </option>

<option value="D">Deutschland</option>

<option value="A">Österreich</option>

<option value="CH">Schweiz</option>

</select>

Interessen: <select name="Interessen" multiple="multiple" size="3">

<option value="HTML">HTML</option>

<option value="CSS">CSS</option>

<option value="JS">JavaScript</option>

</select>

<textarea name="Kommentar"></textarea>

<input type="checkbox" name="AGB" value="ok"/>Ich akzeptiere die AGB

<input type="submit" value="Registrierung" />

</form>

Formular zur Registrierung:

Benutzername:

Passwort:

Geschlecht: weiblich    männlich

Land:

Interessen:

Kommentar:

Ich akzeptiere die AGB

zurück