HTML -Typ- Attribut
Definition und Verwendung
Bei <button>Elementen gibt das
typeAttribut den Typ der Schaltfläche an.
Bei <input>Elementen gibt das
typeAttribut den Typ des anzuzeigenden <input>-Elements an.
Für <embed>,
<link>, <object>,
<script>, <source>und
<style>-Elemente gibt das typeAttribut den Internet-Medientyp an (früher bekannt als MIME-Typ).
Gilt für
Das typeAttribut kann für die folgenden Elemente verwendet werden:
| Elemente | Attribut |
|---|---|
| <a> | Typ |
| <Schaltfläche> | Typ |
| <einbetten> | Typ |
| <Eingabe> | Typ |
| <link> | Typ |
| <Menü> | Typ |
| <Objekt> | Typ |
| <Skript> | Typ |
| <Quelle> | Typ |
| <Stil> | Typ |
Beispiele
Schaltflächenbeispiel
Zwei Button-Elemente, die als ein Submit-Button und ein Reset-Button (in einem Formular) fungieren:
<form action="/action_page.php" method="get">
First name: <input type="text" name="fname"><br>
Last name: <input type="text" name="lname"><br>
<button type="submit" value="Submit">Submit</button>
<button type="reset" value="Reset">Reset</button>
</form>
Beispiel einbetten
Eine eingebettete Flash-Animation mit einem bestimmten Medientyp:
<embed src="helloworld.swf" type="application/vnd.adobe.flash-movie">
Eingabebeispiel
Ein HTML-Formular mit zwei verschiedenen Eingabetypen; texten und absenden:
<form action="/action_page.php">
Username: <input type="text" name="usrname"><br>
<input type="submit" value="Submit">
</form>
Link-Beispiel
Im folgenden Beispiel gibt das Attribut type an, dass das verknüpfte Dokument ein externes Stylesheet ist:
<head>
<link rel="stylesheet" type="text/css" href="theme.css">
</head>
Objektbeispiel
Ein <object>-Element mit einem angegebenen Medientyp:
<object width="400" height="400" data="helloworld.swf" type="application/vnd.adobe.flash-movie"></object>
Skriptbeispiel
Ein Skript mit dem angegebenen type-Attribut:
<script type="text/javascript">
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
Quellenbeispiel
Verwendung des type-Attributs:
<audio controls>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
Stilbeispiel
Verwenden Sie das type-Attribut, um den Medientyp des <style>-Tags anzugeben:
<style type="text/css">
h1 {color:red;}
p {color:blue;}
</style>
Browser-Unterstützung
Das typeAttribut hat die folgende Browserunterstützung für jedes Element:
| Element | |||||
|---|---|---|---|---|---|
| button | Yes | Yes | Yes | Yes | Yes |
| embed | Yes | Yes | Yes | Yes | Yes |
| input | Yes | Yes | Yes | Yes | Yes |
| link | Yes | Yes | Yes | Yes | Yes |
| object | Yes | Yes | Yes | Yes | Yes |
| script | Yes | Yes | Yes | Yes | Yes |
| source | 4.0 | 9.0 | 3.5 | 4.0 | 10.5 |
| style | Yes | Yes | Yes | Yes | Yes |