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 das action-Attribut eines <form>-Elements zu?
A) Es definiert den Typ des Buttons, der das Formular absendet.
B) Es legt fest, wie viele Zeichen ein Eingabefeld maximal akzeptiert.
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 als Teil der URL (Query-String).
B) Es überträgt die Formulardaten im Request Body, nicht in der URL.
C) Es spezifiziert die Schaltfläche, die das Formular zurücksetzt.
Lösung zu Aufgabe 5
B) Es überträgt die Formulardaten im Request Body, nicht in der URL.
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 man 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 man etwas eingibt.
Aufgabe 7
Wie wird ein Eingabefeld gemäß HTML5-Standard als Pflichtfeld markiert?
A) Durch Hinzufügen des Attributs mandatory="true".
B) Mit dem booleschen Attribut required (ohne Wert).
C) Durch Setzen des Attributs necessary.
Lösung zu Aufgabe 7
B) Mit dem booleschen Attribut required (ohne Wert).
Boolesche Attribute wie required, disabled oder checked werden in HTML5 ohne Wert angegeben – ihre bloße Anwesenheit im Tag ist ausreichend.
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/Accessibility.
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/Accessibility.
Dies ist auch für die "blinde" KI wichtig, da nur mit dem Label-Tag eindeutig erkannt werden kann, welche Beschriftung zum Formularfeld gehört.
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
Was bewirkt ein Klick auf <input type="submit"> in einem Formular?
A) Die Formulardaten werden an die in action spezifizierte URL gesendet.
B) Alle Eingabefelder werden auf ihren Ausgangswert zurückgesetzt.
C) Die Seite wird neu geladen, ohne Daten zu übertragen.
Lösung zu Aufgabe 10
A) Die Formulardaten werden an die in action spezifizierte URL gesendet.
Aufgabe 11
Wie können Sie in einem Formular eine Dropdown-Liste erstellen, um ein Land auszuwählen?
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
Wie erzeugt man in HTML einen anklickbaren Button mit der Beschriftung „Absenden"?
A) <input name="Absenden">
B) <button type="submit">Absenden</button>
C) <click>Absenden</click>
Lösung zu Aufgabe 12
B) <button type="submit">Absenden</button>