Kategorie: HTML-Referenz

문장 흐름 안의 짧은 인용 구간을 표현한 일러스트

HTML q: Inline-Zitate, cite-Quellen und Anführungszeichen

Unterscheiden Sie q von blockquote und dem cite-Element oder -Attribut. Verwenden Sie ein vollständiges Beispiel, um Quelllinks und verschachtelte Zitate zu überprüfen und doppelte Anführungszeichen zu vermeiden.

시계와 시각 선택 컨트롤을 표현한 일러스트

HTML Time Input: 24-Stunden-Werte, min, max, step und Sekunden

Vergleichen Sie 15-Minuten- und Ein-Sekunden-Zeiteingaben in einem vollständigen Beispiel. Überprüfen Sie übermittelte Zeichenfolgen, Pflicht- und Intervallvalidierung, Zurücksetzen, über Mitternacht gehende Bereiche und die Notwendigkeit separater Daten und Zeitzonen.

슬라이더 손잡이와 실시간 조절 결과를 표현한 일러스트

HTML Range-Slider: min, max, step, Live-Anzeige und Zurücksetzen

Erstellen Sie einen Regler, der die Textgröße und deren numerische Ausgabe in Echtzeit aktualisiert. Vergleichen Sie aktuelle und ursprüngliche Werte, prüfen Sie das Absenden von Formularen, testen Sie Tastatursteuerungen und stellen Sie jede Anzeige beim Zurücksetzen wieder her.

증감 버튼과 일정한 간격의 숫자 입력을 표현한 일러스트

HTML Number Input: min, max, step, Dezimalzahlen und valueAsNumber

Überprüfen Sie Mengen und Dezimalgewichte in einem vollständigen Nummerneingabe-Beispiel. Vergleichen Sie Schrittbasen, Zeichenketten- und Zahlenwerte, den Umgang mit leeren Eingaben, Kennzeichnungsfelder und serverseitige Prüfungen.

보이는 입력창 뒤에 숨은 값 카드가 함께 전달되는 일러스트

HTML Hidden Input: Formularwerte, JavaScript-Änderungen und Sicherheitsgrenzen

Untersuchen Sie versteckte Werte zusammen mit Kontrollkästchen in einem vollständigen Formularbeispiel. Vergleichen Sie deaktivierte und CSS-versteckte Felder, ändern Sie Werte mit JavaScript und verstehen Sie, warum der Server versteckte Eingaben validieren muss.

재생 버튼과 조절 막대가 있는 동영상 플레이어 일러스트

HTML video: Wiedergabesteuerung, Autoplay, responsive Größe und Fehlersuche

Führen Sie ein vollständiges Video-Player-Beispiel mit WebM- und MP4-Quellen aus. Wählen Sie Wiedergabeattribute, vergleichen Sie die responsive Größenanpassung, beheben Sie blockiertes Autoplay oder nicht unterstützte Dateien und planen Sie Untertitel und Beschreibungen.

여러 줄의 입력 내용을 담은 넓은 텍스트 영역 일러스트

HTML textarea: Mehrzeilige Eingaben, Längenlimits, readonly und Formularwerte

Führen Sie ein komplettes Textarea-Beispiel mit mehrzeiligen Standardwerten, erforderlicher und Längenvalidierung, nur lesbaren und deaktivierten Feldern aus. Vergleichen Sie visuelle Umbrüche mit Zeilenumbrüchen und lesen Sie aktuelle Werte sicher in JavaScript aus.

선택한 날짜와 허용 범위를 보여 주는 달력 일러스트

HTML-Datumseingabe: value, min, max, step und Datumsformat

Überprüfen Sie normalisierte Datumswerte, inklusive Bereiche, erforderliche Validierung, Zurücksetzen und Sieben-Tage-Schritte in einem vollständigen Beispiel. Unterscheiden Sie Kalendertage von Zeiten und überprüfen Sie wichtige Regeln auf dem Server.

입력 양식에서 서버로 값이 전달되는 과정을 표현한 일러스트

HTML form: GET, POST, action und name mit PHP prüfen

Führen Sie ein vollständiges HTML- und PHP-Formularbeispiel aus, um GET- und POST-Anfragen zu vergleichen. Überprüfen Sie Feldnamen, Servervalidierung, maskierte Ausgaben, Kodierung, Rücksetzverhalten und häufige Übermittlungsfehler.

여러 항목을 동시에 선택한 체크박스 그룹 일러스트

HTML-Checkboxen: Mehrere Werte, required und indeterminate

Untersuchen Sie mehrere Checkbox-Werte, erforderliche Validierung, Ausschluss deaktivierter Felder, Zurücksetzen und Teilauswahl in einem vollständigen Beispiel. Erfahren Sie, wie fehlende und doppelte Felder auf dem Server behandelt werden sollten.