HTML -type Attribuut
Definitie en gebruik
Voor <button>elementen
typespecificeert het attribuut het type knop.
Voor <input>elementen
typespecificeert het attribuut het type <input>-element dat moet worden weergegeven.
Voor <embed>,
<link>, <object>,
<script>, <source>, en
<style>elementen typespecificeert het attribuut het internetmediatype (voorheen bekend als MIME-type).
Geldt voor
Het typeattribuut kan op de volgende elementen worden gebruikt:
| elementen | Attribuut |
|---|---|
| <a> | type |
| <knop> | type |
| <insluiten> | type |
| <invoer> | type |
| <link> | type |
| <menu> | type |
| <object> | type |
| <script> | type |
| <bron> | type |
| <stijl> | type |
Voorbeelden
Knop Voorbeeld
Twee knopelementen die fungeren als één verzendknop en één resetknop (in een formulier):
<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>
Voorbeeld insluiten
Een ingesloten flash-animatie met een opgegeven mediatype:
<embed src="helloworld.swf" type="application/vnd.adobe.flash-movie">
Invoervoorbeeld
Een HTML-formulier met twee verschillende invoertypen; tekst en verzend:
<form action="/action_page.php">
Username: <input type="text" name="usrname"><br>
<input type="submit" value="Submit">
</form>
Linkvoorbeeld
In het volgende voorbeeld geeft het type attribuut aan dat het gekoppelde document een extern typogram is:
<head>
<link rel="stylesheet" type="text/css" href="theme.css">
</head>
Objectvoorbeeld
Een <object>-element met een opgegeven mediatype:
<object width="400" height="400" data="helloworld.swf" type="application/vnd.adobe.flash-movie"></object>
Scriptvoorbeeld
Een script met het opgegeven type attribuut:
<script type="text/javascript">
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
Bron Voorbeeld
Gebruik van het type attribuut:
<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>
Stijlvoorbeeld
Gebruik het type attribuut om het mediatype van de <style> tag op te geven:
<style type="text/css">
h1 {color:red;}
p {color:blue;}
</style>
Browserondersteuning
Het typeattribuut heeft de volgende browserondersteuning voor elk 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 |