HTML-Attribut-Referenz
HTML-Attributreferenz
Die folgende Tabelle listet alle HTML-Attribute und die Elemente auf, in denen sie verwendet werden können:
| Attribut | Gehört dazu | Beschreibung |
|---|---|---|
| accept | <input> | Geben Sie die Dateitypen an, die der Server akzeptiert (nur für type="file") |
| accept-charset | <form> | Geben Sie die Zeichenkodierungen an, die für die Formularübermittlung verwendet werden sollen |
| accesskey | Globale Attribute | Geben Sie eine Tastenkombination an, um ein Element zu aktivieren/fokussieren |
| action | <form> | Geben Sie an, wohin die Formulardaten gesendet werden sollen, wenn ein Formular gesendet wird |
| align | Wird in HTML 5 nicht unterstützt. | Geben Sie die Ausrichtung entsprechend den umgebenden Elementen an. Verwenden Sie stattdessen CSS |
| alt | <area>, <img>, <input> | Geben Sie einen alternativen Text an, wenn das ursprüngliche Element nicht angezeigt wird |
| async | <script> | Geben Sie an, dass das Skript asynchron ausgeführt wird (nur für externe Skripte) |
| autocomplete | <form>, <input> | Geben Sie an, ob für das <form>- oder das <input>-Element die automatische Vervollständigung aktiviert sein soll |
| autofocus | <button>, <input>, <select>, <textarea> | Geben Sie an, dass das Element beim Laden der Seite automatisch den Fokus erhalten soll |
| autoplay | <audio>, <video> | Geben Sie an, dass die Audio-/Videowiedergabe gestartet wird, sobald sie fertig ist |
| bgcolor | Wird in HTML 5 nicht unterstützt. | Geben Sie die Hintergrundfarbe eines Elements an. Verwenden Sie stattdessen CSS |
| border | Wird in HTML 5 nicht unterstützt. | Geben Sie die Breite des Randes eines Elements an. Verwenden Sie stattdessen CSS |
| charset | <meta>, <script> | Gibt die Zeichenkodierung an |
| checked | <input> | Geben Sie an, dass <input> ein Element vorab ausgewählt werden soll, wenn die Seite geladen wird (z type="checkbox" oder type="radio") |
| cite | <blockquote>, <del>, <ins>, <q> | Gibt eine URL an, die den zitierten/gelöschten/eingefügten Text erklärt |
| class | Globale Attribute | Geben Sie einen oder mehrere Klassennamen für ein Element an (bezieht sich auf eine Klasse in einem Stylesheet) |
| color | Wird in HTML 5 nicht unterstützt. | Geben Sie die Textfarbe eines Elements an. Verwenden Sie stattdessen CSS |
| cols | <textarea> | Geben Sie die sichtbare Breite eines Textbereichs an |
| colspan | <td>, <th> | Geben Sie die Anzahl der Spalten an, die eine Tabellenzelle umfassen soll |
| content | <meta> | Gibt den Wert an, der dem http-equiv- oder name-Attribut zugeordnet ist |
| contenteditable | Globale Attribute | Geben Sie an, ob der Inhalt eines Elements bearbeitet werden kann oder nicht |
| controls | <audio>, <video> | Geben Sie an, dass Audio-/Video-Steuerelemente angezeigt werden sollen (z. B. eine Wiedergabe-/Pause-Taste usw.). |
| coords | <area> | Geben Sie die Koordinaten des Bereichs an |
| data | <object> | Geben Sie die URL der Ressource an, die vom Objekt verwendet werden soll |
| data-* | Globale Attribute | Wird verwendet, um benutzerdefinierte Daten privat für die Seite oder Anwendung zu speichern |
| datetime | <del>, <ins>, <time> | Geben Sie Datum und Uhrzeit an |
| default | <track> | Geben Sie an, dass der Track aktiviert werden soll, wenn die Präferenzen des Benutzers nicht darauf hinweisen, dass ein anderer Track besser geeignet wäre |
| defer | <script> | Geben Sie an, dass das Skript ausgeführt wird, wenn das Parsen der Seite abgeschlossen ist (nur für externe Skripte) |
| dir | Globale Attribute | Geben Sie die Textrichtung für den Inhalt in einem Element an |
| dirname | <input>, <textarea> | Geben Sie an, dass die Textrichtung übermittelt werden soll |
| disabled | <button>, <fieldset>, <input>, <optgroup>, <option>, <select>, <textarea> | Geben Sie an, dass das angegebene Element/die angegebene Elementgruppe deaktiviert werden soll |
| download | <a>, <area> | Geben Sie an, dass das Ziel heruntergeladen wird, wenn ein Benutzer auf den Hyperlink klickt |
| draggable | Globale Attribute | Geben Sie an, ob ein Element ziehbar ist oder nicht |
| enctype | <form> | Geben Sie an, wie die Formulardaten kodiert werden sollen, wenn sie an den Server übermittelt werden (nur für method="post") |
| for | <label>, <output> | Geben Sie an, an welche Formularelemente eine Beschriftung/Berechnung gebunden ist |
| form | <button>, <fieldset>, <input>, <label>, <meter>, <object>, <output>, <select>, <textarea> | Geben Sie den Namen des Formulars an, zu dem das Element gehört |
| formaction | <button>, <input> | Geben Sie an, wohin die Formulardaten gesendet werden sollen, wenn ein Formular gesendet wird. Nur für type="submit" |
| headers | <td>, <th> | Geben Sie eine oder mehrere Headerzellen an, mit denen eine Zelle verknüpft ist |
| height | <canvas>, <embed>, <iframe>, <img>, <input>, <object>, <video> | Geben Sie die Höhe des Elements an |
| hidden | Globale Attribute | Geben Sie an, dass ein Element noch nicht oder nicht mehr relevant ist |
| high | <meter> | Geben Sie den Bereich an, der als hoher Wert gilt |
| href | <a>, <area>, <base>, <link> | Geben Sie die URL der Seite an, zu der der Link führt |
| hreflang | <a>, <area>, <link> | Geben Sie die Sprache des verknüpften Dokuments an |
| http-equiv | <meta> | Stellt einen HTTP-Header für die Informationen/den Wert des Inhaltsattributs bereit |
| id | Globale Attribute | Gibt eine eindeutige ID für ein Element an |
| ismap | <img> | Geben Sie ein Bild als serverseitige Imagemap an |
| kind | <track> | Geben Sie die Art der Textspur an |
| label | <track>, <option>, <optgroup> | Geben Sie den Titel der Textspur an |
| lang | Globale Attribute | Geben Sie die Sprache des Elementinhalts an |
| list | <input> | Bezieht sich auf ein <datalist>-Element, das vordefinierte Optionen für ein <input>-Element enthält |
| loop | <audio>, <video> | Legen Sie fest, dass die Audio-/Videowiedergabe jedes Mal von vorne beginnt, wenn sie beendet ist |
| low | <meter> | Geben Sie den Bereich an, der als niedriger Wert gilt |
| max | <input>, <meter>, <progress> | Gibt den Maximalwert an |
| maxlength | <input>, <textarea> | Geben Sie die maximal zulässige Anzahl von Zeichen in einem Element an |
| media | <a>, <area>, <link>, <source>, <style> | Geben Sie an, für welches Medium/Gerät das verknüpfte Dokument optimiert ist |
| method | <form> | Geben Sie die HTTP-Methode an, die beim Senden von Formulardaten verwendet werden soll |
| min | <input>, <meter> | Gibt einen Mindestwert an |
| multiple | <input>, <select> | Geben Sie an, dass ein Benutzer mehr als einen Wert eingeben kann |
| muted | <video>, <audio> | Geben Sie an, dass die Audioausgabe des Videos stummgeschaltet werden soll |
| name | <button>, <fieldset>, <form>, <iframe>, <input>, <map>, <meta>, <object>, <output>, <param>, <select>, <textarea> | Geben Sie den Namen des Elements an |
| novalidate | <form> | Geben Sie an, dass das Formular beim Absenden nicht validiert werden soll |
| onabort | <audio>, <embed>, <img>, <object>, <video> | Skript, das bei Abbruch ausgeführt werden soll |
| onafterprint | <body> | Skript, das nach dem Drucken des Dokuments ausgeführt werden soll |
| onbeforeprint | <body> | Skript, das ausgeführt werden soll, bevor das Dokument gedruckt wird |
| onbeforeunload | <body> | Skript, das ausgeführt werden soll, wenn das Dokument entladen werden soll |
| onblur | Alle sichtbaren Elemente | Skript, das ausgeführt werden soll, wenn das Element den Fokus verliert |
| oncanplay | <audio>, <embed>, <object>, <video> | Skript, das ausgeführt werden soll, wenn eine Datei zum Abspielen bereit ist (wenn sie ausreichend gepuffert ist, um mit der Wiedergabe zu beginnen) |
| oncanplaythrough | <audio>, <video> | Skript, das ausgeführt werden soll, wenn eine Datei bis zum Ende ohne Pause zum Puffern abgespielt werden kann |
| onchange | Alle sichtbaren Elemente | Skript, das ausgeführt werden soll, wenn der Wert des Elements geändert wird |
| onclick | Alle sichtbaren Elemente | Skript, das ausgeführt werden soll, wenn auf das Element geklickt wird |
| oncontextmenu | Alle sichtbaren Elemente | Skript, das ausgeführt werden soll, wenn ein Kontextmenü ausgelöst wird |
| oncopy | Alle sichtbaren Elemente | Skript, das ausgeführt werden soll, wenn der Inhalt des Elements kopiert wird |
| oncuechange | <track> | Skript, das ausgeführt werden soll, wenn sich der Cue in einem <track>-Element ändert |
| oncut | Alle sichtbaren Elemente | Skript, das ausgeführt werden soll, wenn der Inhalt des Elements ausgeschnitten wird |
| ondblclick | Alle sichtbaren Elemente | Skript, das ausgeführt werden soll, wenn auf das Element doppelgeklickt wird |
| ondrag | Alle sichtbaren Elemente | Skript, das beim Ziehen des Elements ausgeführt werden soll |
| ondragend | Alle sichtbaren Elemente | Skript, das am Ende eines Ziehvorgangs ausgeführt werden soll |
| ondragenter | Alle sichtbaren Elemente | Skript, das ausgeführt werden soll, wenn ein Element auf ein gültiges Ablageziel gezogen wurde |
| ondragleave | Alle sichtbaren Elemente | Skript, das ausgeführt wird, wenn ein Element ein gültiges Ablageziel verlässt |
| ondragover | Alle sichtbaren Elemente | Skript, das ausgeführt werden soll, wenn ein Element über ein gültiges Ablageziel gezogen wird |
| ondragstart | Alle sichtbaren Elemente | Skript, das zu Beginn eines Ziehvorgangs ausgeführt werden soll |
| ondrop | Alle sichtbaren Elemente | Skript, das ausgeführt werden soll, wenn ein gezogenes Element abgelegt wird |
| ondurationchange | <audio>, <video> | Skript, das ausgeführt werden soll, wenn sich die Länge des Mediums ändert |
| onemptied | <audio>, <video> | Skript, das ausgeführt wird, wenn etwas Schlimmes passiert und die Datei plötzlich nicht mehr verfügbar ist (z. B. unerwartete Verbindungsabbrüche) |
| onended | <audio>, <video> | Skript, das ausgeführt wird, wenn das Medium das Ende erreicht hat (ein nützliches Ereignis für Nachrichten wie „Danke fürs Zuhören“) |
| onerror | <audio>, <body>, <embed>, <img>, <object>, <script>, <style>, <video> | Skript, das ausgeführt werden soll, wenn ein Fehler auftritt |
| onfocus | Alle sichtbaren Elemente | Skript, das ausgeführt werden soll, wenn das Element den Fokus erhält |
| onhashchange | <body> | Skript, das ausgeführt wird, wenn Änderungen am Ankerteil einer URL vorgenommen wurden |
| oninput | Alle sichtbaren Elemente | Skript, das ausgeführt werden soll, wenn das Element eine Benutzereingabe erhält |
| oninvalid | Alle sichtbaren Elemente | Skript, das ausgeführt werden soll, wenn das Element ungültig ist |
| onkeydown | Alle sichtbaren Elemente | Skript, das ausgeführt werden soll, wenn ein Benutzer eine Taste drückt |
| onkeypress | Alle sichtbaren Elemente | Skript, das ausgeführt werden soll, wenn ein Benutzer eine Taste drückt |
| onkeyup | Alle sichtbaren Elemente | Skript, das ausgeführt wird, wenn ein Benutzer eine Taste loslässt |
| onload | <body>, <iframe>, <img>, <input>, <link>, <script>, <style> | Skript, das ausgeführt werden soll, wenn das Element vollständig geladen ist |
| onloadeddata | <audio>, <video> | Skript, das beim Laden von Mediendaten ausgeführt werden soll |
| onloadedmetadata | <audio>, <video> | Skript, das ausgeführt werden soll, wenn Metadaten (wie Abmessungen und Dauer) geladen werden |
| onloadstart | <audio>, <video> | Skript, das ausgeführt wird, sobald die Datei geladen wird, bevor tatsächlich etwas geladen wird |
| onmousedown | Alle sichtbaren Elemente | Skript, das ausgeführt wird, wenn eine Maustaste auf ein Element gedrückt wird |
| onmousemove | Alle sichtbaren Elemente | Skript, das so lange ausgeführt wird, wie sich der Mauszeiger über einem Element bewegt |
| onmouseout | Alle sichtbaren Elemente | Skript, das ausgeführt wird, wenn sich ein Mauszeiger aus einem Element bewegt |
| onmouseover | Alle sichtbaren Elemente | Skript, das ausgeführt wird, wenn ein Mauszeiger über ein Element bewegt wird |
| onmouseup | Alle sichtbaren Elemente | Skript, das ausgeführt wird, wenn eine Maustaste über einem Element losgelassen wird |
| onmousewheel | Alle sichtbaren Elemente | Skript, das ausgeführt wird, wenn ein Mausrad über ein Element gescrollt wird |
| onoffline | <body> | Skript, das ausgeführt werden soll, wenn der Browser offline zu arbeiten beginnt |
| ononline | <body> | Skript, das ausgeführt werden soll, wenn der Browser online zu arbeiten beginnt |
| onpagehide | <body> | Skript, das ausgeführt wird, wenn ein Benutzer eine Seite verlässt |
| onpageshow | <body> | Skript, das ausgeführt werden soll, wenn ein Benutzer zu einer Seite navigiert |
| onpaste | Alle sichtbaren Elemente | Skript, das ausgeführt wird, wenn der Benutzer Inhalte in ein Element einfügt |
| onpause | <audio>, <video> | Skript, das ausgeführt werden soll, wenn das Medium entweder vom Benutzer oder programmgesteuert angehalten wird |
| onplay | <audio>, <video> | Skript, das ausgeführt werden soll, wenn die Medienwiedergabe begonnen hat |
| onplaying | <audio>, <video> | Skript, das ausgeführt werden soll, wenn die Medienwiedergabe begonnen hat |
| onpopstate | <body> | Skript, das ausgeführt werden soll, wenn sich der Verlauf des Fensters ändert |
| onprogress | <audio>, <video> | Skript, das ausgeführt werden soll, wenn der Browser gerade die Mediendaten abruft |
| onratechange | <audio>, <video> | Skript, das jedes Mal ausgeführt wird, wenn sich die Wiedergabegeschwindigkeit ändert (z. B. wenn ein Benutzer in einen Zeitlupen- oder Schnellvorlaufmodus wechselt) |
| onreset | <form> | Skript, das ausgeführt wird, wenn in einem Formular auf eine Schaltfläche zum Zurücksetzen geklickt wird |
| onresize | <body> | Skript, das ausgeführt werden soll, wenn die Größe des Browserfensters geändert wird |
| onscroll | Alle sichtbaren Elemente | Skript, das ausgeführt werden soll, wenn die Bildlaufleiste eines Elements gescrollt wird |
| onsearch | <input> | Skript, das ausgeführt wird, wenn der Benutzer etwas in ein Suchfeld schreibt (z <input="search">) |
| onseeked | <audio>, <video> | Skript, das ausgeführt werden soll, wenn das Suchattribut auf „false“ gesetzt ist, was anzeigt, dass die Suche beendet wurde |
| onseeking | <audio>, <video> | Skript, das ausgeführt werden soll, wenn das Suchattribut auf „True“ gesetzt ist, was anzeigt, dass die Suche aktiv ist |
| onselect | Alle sichtbaren Elemente | Skript, das ausgeführt werden soll, wenn das Element ausgewählt wird |
| onstalled | <audio>, <video> | Skript, das ausgeführt wird, wenn der Browser aus irgendeinem Grund nicht in der Lage ist, die Mediendaten abzurufen |
| onstorage | <body> | Skript, das ausgeführt werden soll, wenn ein Web Storage-Bereich aktualisiert wird |
| onsubmit | <form> | Skript, das beim Absenden eines Formulars ausgeführt werden soll |
| onsuspend | <audio>, <video> | Das beim Abrufen der Mediendaten auszuführende Skript wird aus irgendeinem Grund gestoppt, bevor sie vollständig geladen sind |
| ontimeupdate | <audio>, <video> | Skript, das ausgeführt wird, wenn sich die Abspielposition geändert hat (z. B. wenn der Benutzer schnell zu einer anderen Stelle im Medium vorspult) |
| ontoggle | <details> | Skript, das ausgeführt werden soll, wenn der Benutzer das <details>-Element öffnet oder schließt |
| onunload | <body> | Skript, das ausgeführt wird, wenn eine Seite entladen wurde (oder das Browserfenster geschlossen wurde) |
| onvolumechange | <audio>, <video> | Skript, das jedes Mal ausgeführt wird, wenn die Lautstärke eines Videos/Audios geändert wurde |
| onwaiting | <audio>, <video> | Skript, das ausgeführt werden soll, wenn das Medium angehalten wurde, aber voraussichtlich fortgesetzt wird (z. B. wenn das Medium angehalten wird, um mehr Daten zu puffern) |
| onwheel | Alle sichtbaren Elemente | Skript, das ausgeführt wird, wenn das Mausrad über ein Element nach oben oder unten rollt |
| open | <details> | Geben Sie an, dass die Details für den Benutzer sichtbar (offen) sein sollen |
| optimum | <meter> | Geben Sie an, welcher Wert der optimale Wert für das Messgerät ist |
| pattern | <input> | Gibt einen regulären Ausdruck an, anhand dessen der Wert eines <input>-Elements geprüft wird |
| placeholder | <input>, <textarea> | Gibt einen kurzen Hinweis an, der den erwarteten Wert des Elements beschreibt |
| poster | <video> | Geben Sie ein Bild an, das angezeigt werden soll, während das Video heruntergeladen wird oder bis der Benutzer auf die Wiedergabetaste klickt |
| preload | <audio>, <video> | Gibt an, ob und wie der Autor der Meinung ist, dass das Audio/Video beim Laden der Seite geladen werden soll |
| readonly | <input>, <textarea> | Geben Sie an, dass das Element schreibgeschützt ist |
| rel | <a>, <area>, <form>, <link> | Gibt die Beziehung zwischen dem aktuellen Dokument und dem verknüpften Dokument an |
| required | <input>, <select>, <textarea> | Geben Sie an, dass das Element vor dem Absenden des Formulars ausgefüllt werden muss |
| reversed | <ol> | Geben Sie an, dass die Listenreihenfolge absteigend sein soll (9,8,7...) |
| rows | <textarea> | Geben Sie die sichtbare Anzahl der Zeilen in einem Textbereich an |
| rowspan | <td>, <th> | Geben Sie die Anzahl der Zeilen an, die eine Tabellenzelle umfassen soll |
| sandbox | <iframe> | Aktiviert einen zusätzlichen Satz von Einschränkungen für den Inhalt in einem <iframe> |
| scope | <th> | Geben Sie an, ob eine Kopfzelle eine Kopfzeile für eine Spalte, Zeile oder eine Gruppe von Spalten oder Zeilen ist |
| selected | <option> | Gibt an, dass beim Laden der Seite eine Option vorab ausgewählt werden soll |
| shape | <area> | Geben Sie die Form des Bereichs an |
| size | <input>, <select> | Gibt die Breite in Zeichen an (für <input>) oder gibt die Anzahl der sichtbaren Optionen an (für <select>) |
| sizes | <img>, <link>, <source> | Geben Sie die Größe der verknüpften Ressource an |
| span | <col>, <colgroup> | Geben Sie die Anzahl der zu umfassenden Spalten an |
| spellcheck | Globale Attribute | Geben Sie an, ob das Element auf Rechtschreibung und Grammatik überprüft werden soll oder nicht |
| src | <audio>, <embed>, <iframe>, <img>, <input>, <script>, <source>, <track>, <video> | Geben Sie die URL der Mediendatei an |
| srcdoc | <iframe> | Geben Sie den HTML-Inhalt der Seite an, der im angezeigt werden soll <iframe> |
| srclang | <track> | Geben Sie die Sprache der Tracktextdaten an (erforderlich, wenn kind="subtitles") |
| srcset | <img>, <source> | Geben Sie die URL des Bildes an, das in verschiedenen Situationen verwendet werden soll |
| start | <ol> | Geben Sie den Startwert einer geordneten Liste an |
| step | <input> | Geben Sie die zulässigen Zahlenintervalle für ein Eingabefeld an |
| style | Globale Attribute | Geben Sie einen Inline-CSS-Stil für ein Element an |
| tabindex | Globale Attribute | Geben Sie die Tab-Reihenfolge eines Elements an |
| target | <a>, <area>, <base>, <form> | Geben Sie das Ziel an, wo das verknüpfte Dokument geöffnet oder das Formular gesendet werden soll |
| title | Globale Attribute | Gibt zusätzliche Informationen zu einem Element an |
| translate | Globale Attribute | Geben Sie an, ob der Inhalt eines Elements übersetzt werden soll oder nicht |
| type | <a>, <button>, <embed>, <input>, <link>, <menu>, <object>, <script>, <source>, <style> | Geben Sie den Typ des Elements an |
| usemap | <img>, <object> | Geben Sie ein Bild als clientseitige Imagemap an |
| value | <button>, <input>, <li>, <option>, <meter>, <progress>, <param> | Geben Sie den Wert des Elements an |
| width | <canvas>, <embed>, <iframe>, <img>, <input>, <object>, <video> | Geben Sie die Breite des Elements an |
| wrap | <textarea> | Geben Sie an, wie der Text in einem Textbereich umbrochen werden soll, wenn er in einem Formular übermittelt wird |
