Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lernen Formulare mit Eingabeattributen Erweitern | HTML-Formulare und Benutzereingaben
Practice
Projects
Quizzes & Challenges
Quizzes
Challenges
/
Ultimatives HTML

bookFormulare mit Eingabeattributen Erweitern

HTML-<input>-Elemente können mit Attributen angepasst werden, die ihr Verhalten verändern. Nachfolgend sind einige der am häufigsten verwendeten Attribute aufgeführt.

value

Legt den Anfangswert eines Eingabefelds fest.

  • Für Schaltflächen: definiert den Schaltflächentext;
  • Für Text-/Passwortfelder: setzt den Standardtext;
  • Für Kontrollkästchen/Radiobuttons: legt den Wert fest, der beim Auswählen gesendet wird.
Note
Hinweis

value kann nicht mit type="file" verwendet werden.

index.html

index.html

copy

autofocus

Fokussiert ein Eingabefeld automatisch, wenn die Seite geladen wird.

Note
Hinweis

Dies funktioniert im folgenden Beispiel nicht, da beim Klicken auf 'Code ausführen' die Seite nicht neu geladen wird.

index.html

index.html

copy

required

Macht eine Eingabe verpflichtend. Das Formular kann erst abgeschickt werden, wenn das Feld ausgefüllt ist.

index.html

index.html

copy

placeholder

Zeigt Hilfetext im Eingabefeld an, bis der Benutzer etwas eingibt. Nützlich für Formate wie Telefonnummern oder Kartendetails.

index.html

index.html

copy
Note
Hinweis

Jedes Beispiel verwendet unterschiedliche type-Attribute, die das Verhalten des Eingabefelds beeinflussen. Die verschiedenen Eingabetypen werden im nächsten Kapitel behandelt.

1. Welches Attribut wird verwendet, um den Standardwert für ein Eingabeelement festzulegen?

2. Welches Attribut wird verwendet, um einen Hinweis oder ein Beispiel für den erwarteten Wert eines input-Elements festzulegen?

3. Welches Attribut wird verwendet, um anzugeben, dass ein Eingabefeld vor dem Absenden des Formulars ausgefüllt werden muss?

question mark

Welches Attribut wird verwendet, um den Standardwert für ein Eingabeelement festzulegen?

Select the correct answer

question mark

Welches Attribut wird verwendet, um einen Hinweis oder ein Beispiel für den erwarteten Wert eines input-Elements festzulegen?

Select the correct answer

question mark

Welches Attribut wird verwendet, um anzugeben, dass ein Eingabefeld vor dem Absenden des Formulars ausgefüllt werden muss?

Select the correct answer

War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 5. Kapitel 4

Fragen Sie AI

expand

Fragen Sie AI

ChatGPT

Fragen Sie alles oder probieren Sie eine der vorgeschlagenen Fragen, um unser Gespräch zu beginnen

Suggested prompts:

Can you give examples of how to use these attributes in HTML?

What other input attributes are commonly used?

Can you explain the difference between value and placeholder?

bookFormulare mit Eingabeattributen Erweitern

Swipe um das Menü anzuzeigen

HTML-<input>-Elemente können mit Attributen angepasst werden, die ihr Verhalten verändern. Nachfolgend sind einige der am häufigsten verwendeten Attribute aufgeführt.

value

Legt den Anfangswert eines Eingabefelds fest.

  • Für Schaltflächen: definiert den Schaltflächentext;
  • Für Text-/Passwortfelder: setzt den Standardtext;
  • Für Kontrollkästchen/Radiobuttons: legt den Wert fest, der beim Auswählen gesendet wird.
Note
Hinweis

value kann nicht mit type="file" verwendet werden.

index.html

index.html

copy

autofocus

Fokussiert ein Eingabefeld automatisch, wenn die Seite geladen wird.

Note
Hinweis

Dies funktioniert im folgenden Beispiel nicht, da beim Klicken auf 'Code ausführen' die Seite nicht neu geladen wird.

index.html

index.html

copy

required

Macht eine Eingabe verpflichtend. Das Formular kann erst abgeschickt werden, wenn das Feld ausgefüllt ist.

index.html

index.html

copy

placeholder

Zeigt Hilfetext im Eingabefeld an, bis der Benutzer etwas eingibt. Nützlich für Formate wie Telefonnummern oder Kartendetails.

index.html

index.html

copy
Note
Hinweis

Jedes Beispiel verwendet unterschiedliche type-Attribute, die das Verhalten des Eingabefelds beeinflussen. Die verschiedenen Eingabetypen werden im nächsten Kapitel behandelt.

1. Welches Attribut wird verwendet, um den Standardwert für ein Eingabeelement festzulegen?

2. Welches Attribut wird verwendet, um einen Hinweis oder ein Beispiel für den erwarteten Wert eines input-Elements festzulegen?

3. Welches Attribut wird verwendet, um anzugeben, dass ein Eingabefeld vor dem Absenden des Formulars ausgefüllt werden muss?

question mark

Welches Attribut wird verwendet, um den Standardwert für ein Eingabeelement festzulegen?

Select the correct answer

question mark

Welches Attribut wird verwendet, um einen Hinweis oder ein Beispiel für den erwarteten Wert eines input-Elements festzulegen?

Select the correct answer

question mark

Welches Attribut wird verwendet, um anzugeben, dass ein Eingabefeld vor dem Absenden des Formulars ausgefüllt werden muss?

Select the correct answer

War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 5. Kapitel 4
some-alt