1.10 Selbsttest zu HTML und HTML-Formularen
Dieser Selbsttest hilft Ihnen, Ihr Wissen über HTML und HTML-Formulare zu überprüfen. Versuchen Sie, die Fragen zu beantworten, bevor Sie sich die Lösungen anschauen.
Aufgabe 1
Welche Elemente gehören zum grundlegenden Aufbau eines HTML-Dokuments?
A) <html>, <head>, <title>, <body>
B) <doctype>, <header>, <main>, <footer>
C) <html>, <header>, <paragraph>, <footer>
Lösung zu Aufgabe 1
A) <html>, <head>, <title>, <body>
Aufgabe 2
Wie erstellt man einen Link, der in einem neuen Browser-Tab geöffnet wird?
A) <a href="https://example.com" new="_blank">Besuche Beispiel</a>
B) <a href="https://example.com" target="_blank">Besuche Beispiel</a>
C) <a href="https://example.com" open="newTab">Besuche Beispiel</a>
Lösung zu Aufgabe 2
B) <a href="https://example.com" target="_blank">Besuche Beispiel</a>
Aufgabe 3
Wie bindet man ein Bild in eine Webseite ein?
A) <image src="bild.jpg" alt="Bildbeschreibung">
B) <img href="bild.jpg" alt="Bildbeschreibung">
C) <img src="bild.jpg" alt="Bildbeschreibung">
Lösung zu Aufgabe 3
C) <img src="bild.jpg" alt="Bildbeschreibung">
Aufgabe 4
Welche Aussage trifft auf die Verwendung des action-Attributs in einem Formularelement zu?
A) Es definiert den Typ des Buttons, der das Formular absendet.
B) Es gibt die Methode an, mit der Daten gesendet werden (z.B. POST, GET).
C) Es bestimmt die URL, an die die Formulardaten gesendet werden.
Lösung zu Aufgabe 4
C) Es bestimmt die URL, an die die Formulardaten gesendet werden.
Aufgabe 5
Was bewirkt das Attribut method="post" in einem <form>-Element?
A) Es sendet Formulardaten in der URL des Browsers.
B) Es ermöglicht eine sichere Übermittlung der Formulardaten, indem es sie im Anfragekörper verbirgt.
C) Es spezifiziert die Schaltfläche, die das Formular zurücksetzt.
Lösung zu Aufgabe 5
B) Es ermöglicht eine sichere Übermittlung der Formulardaten, indem es sie im Anfragekörper verbirgt.
Aufgabe 6
Was ist der Zweck des placeholder-Attributs in einem <input>-Element?
A) Es legt einen vorübergehenden Text fest, der im Eingabefeld angezeigt wird, bevor der Nutzer etwas eingibt.
B) Es definiert den Standardwert des Eingabefeldes, der beim Absenden des Formulars übertragen wird.
C) Es gibt den Namen des Eingabefeldes an, der zur Identifikation auf dem Server verwendet wird.
Lösung zu Aufgabe 6
A) Es legt einen vorübergehenden Text fest, der im Eingabefeld angezeigt wird, bevor der Nutzer etwas eingibt.
Aufgabe 7
Wie wird ein Eingabefeld als erforderlich markiert?
A) Durch Hinzufügen des Attributs required="true".
B) Mit dem Attribut required ohne Wert.
C) Durch Setzen des Attributs necessary.
Lösung zu Aufgabe 7
B) Mit dem Attribut required ohne Wert.
Aufgabe 8
Welche Funktion hat das <label>-Element in einem Formular?
A) Es dient als Container für Formularelemente.
B) Es ordnet einen Text einem spezifischen Formularelement zu und verbessert die Zugänglichkeit.
C) Es kennzeichnet ein Eingabefeld als Label.
Lösung zu Aufgabe 8
B) Es ordnet einen Text einem spezifischen Formularelement zu und verbessert die Zugänglichkeit.
Aufgabe 9
Was bewirkt das Attribut name bei einem Formularelement?
A) Es legt den Namen fest, der zwischen den <form>-Tags angezeigt wird.
B) Es bestimmt den Variablennamen für die Datenübertragung per HTTP.
C) Es wird für die CSS-Stilisierung verwendet.
Lösung zu Aufgabe 9
B) Es bestimmt den Variablennamen für die Datenübertragung per HTTP.
Aufgabe 10
Wählen Sie die korrekte(n) Aussage(n) zu <input type="submit">:
A) Der Button sendet die Formulardaten an die in action spezifizierte URL.
B) Der Button lädt die Seite neu, ohne die Formulardaten zu senden.
C) Durch Ändern des type-Attributs zu "button" wird das Formular ebenfalls gesendet.
Lösung zu Aufgabe 10
A) Der Button sendet die Formulardaten an die in action spezifizierte URL.
Aufgabe 11
Wie können Sie in einem Formular eine Dropdown-Liste erstellen, aus der ein Nutzer ein Land auswählen kann?
A) Durch Nutzung eines <input type="dropdown">-Elements.
B) Mit einem <select>-Element, das mehrere <option>-Elemente enthält.
C) Ein <list>-Element mit vordefinierten Ländernamen verwenden.
Lösung zu Aufgabe 11
B) Mit einem <select>-Element, das mehrere <option>-Elemente enthält.
Aufgabe 12
Welche Aussage zu Formularbuttons ist korrekt?
A) Ein Button mit type="reset" sendet das Formular an den Server.
B) type="submit" wird verwendet, um das Formular zurückzusetzen.
C) Ein Button mit type="reset" setzt das Formular auf den Anfangszustand zurück.
Lösung zu Aufgabe 12
C) Ein Button mit type="reset" setzt das Formular auf den Anfangszustand zurück.