Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lernen HTML-Eingabeattribute für Erweiterte Funktionalität | Tabellen und Formulare
Practice
Projects
Quizzes & Challenges
Quizzes
Challenges
/
HTML-Grundlagen

bookHTML-Eingabeattribute für Erweiterte Funktionalität

Sie kennen bereits die Verwendung von Eingabefeldern und Beschriftungen. Nun betrachten wir die nützlichsten Attribute, die Eingabefelder funktionaler und benutzerfreundlicher machen.

Häufige Eingabeattribute

Platzhalter

Zeigt einen Hinweistext im Feld an.

<input type="text" placeholder="Enter your email" />

Name

Identifiziert das Feld bei der Formularübermittlung.

<input type="text" name="username" />

Value

Legt einen Standardwert im Feld fest.

<input type="tel" value="+1 (484) 298-9732" />

Required

Verhindert die Formularübermittlung, wenn das Feld leer ist.

<input type="password" required />

Deaktiviert

Macht das Feld nicht bearbeitbar und nicht interaktiv.

<input type="text" value="New York" disabled />

Nur lesen

Zeigt einen Wert an, den Benutzer kopieren, aber nicht ändern können.

<input type="text" value="USA" readonly />

Min und Max

Grenzwerte für numerische Eingaben festlegen.

<input type="number" min="21" max="99" />
index.html

index.html

copy

1. Welches Attribut zeigt einen Hinweis oder Beispieltext innerhalb eines Eingabefeldes an und gibt den Nutzern eine Orientierung, welche Art von Eingabe erwartet wird?

2. Welches Attribut legt den Namen des Eingabefeldes fest, der zur Identifizierung der Eingabedaten beim Absenden des Formulars verwendet wird?

3. Welches Attribut verhindert das Absenden des Formulars, wenn das erforderliche Feld leer bleibt?

question mark

Welches Attribut zeigt einen Hinweis oder Beispieltext innerhalb eines Eingabefeldes an und gibt den Nutzern eine Orientierung, welche Art von Eingabe erwartet wird?

Select the correct answer

question mark

Welches Attribut legt den Namen des Eingabefeldes fest, der zur Identifizierung der Eingabedaten beim Absenden des Formulars verwendet wird?

Select the correct answer

question mark

Welches Attribut verhindert das Absenden des Formulars, wenn das erforderliche Feld leer bleibt?

Select the correct answer

War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 4. Kapitel 8

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 explain the difference between disabled and readonly attributes?

What happens if I use both min and max on a text input instead of a number input?

Can you show more examples of using the required attribute in forms?

bookHTML-Eingabeattribute für Erweiterte Funktionalität

Swipe um das Menü anzuzeigen

Sie kennen bereits die Verwendung von Eingabefeldern und Beschriftungen. Nun betrachten wir die nützlichsten Attribute, die Eingabefelder funktionaler und benutzerfreundlicher machen.

Häufige Eingabeattribute

Platzhalter

Zeigt einen Hinweistext im Feld an.

<input type="text" placeholder="Enter your email" />

Name

Identifiziert das Feld bei der Formularübermittlung.

<input type="text" name="username" />

Value

Legt einen Standardwert im Feld fest.

<input type="tel" value="+1 (484) 298-9732" />

Required

Verhindert die Formularübermittlung, wenn das Feld leer ist.

<input type="password" required />

Deaktiviert

Macht das Feld nicht bearbeitbar und nicht interaktiv.

<input type="text" value="New York" disabled />

Nur lesen

Zeigt einen Wert an, den Benutzer kopieren, aber nicht ändern können.

<input type="text" value="USA" readonly />

Min und Max

Grenzwerte für numerische Eingaben festlegen.

<input type="number" min="21" max="99" />
index.html

index.html

copy

1. Welches Attribut zeigt einen Hinweis oder Beispieltext innerhalb eines Eingabefeldes an und gibt den Nutzern eine Orientierung, welche Art von Eingabe erwartet wird?

2. Welches Attribut legt den Namen des Eingabefeldes fest, der zur Identifizierung der Eingabedaten beim Absenden des Formulars verwendet wird?

3. Welches Attribut verhindert das Absenden des Formulars, wenn das erforderliche Feld leer bleibt?

question mark

Welches Attribut zeigt einen Hinweis oder Beispieltext innerhalb eines Eingabefeldes an und gibt den Nutzern eine Orientierung, welche Art von Eingabe erwartet wird?

Select the correct answer

question mark

Welches Attribut legt den Namen des Eingabefeldes fest, der zur Identifizierung der Eingabedaten beim Absenden des Formulars verwendet wird?

Select the correct answer

question mark

Welches Attribut verhindert das Absenden des Formulars, wenn das erforderliche Feld leer bleibt?

Select the correct answer

War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 4. Kapitel 8
some-alt