HTML tipe kenmerk
Definisie en gebruik
Vir <button>elemente
typespesifiseer die kenmerk die tipe knoppie.
Vir <input>elemente
typespesifiseer die kenmerk die tipe <invoer> element wat vertoon moet word.
Vir <embed>,
<link>, <object>,
<script>, <source>, en
<style>elemente typespesifiseer die kenmerk die internetmediatipe (voorheen bekend as MIME-tipe).
Is van toepassing op
Die typekenmerk kan op die volgende elemente gebruik word:
| Elemente | Eienskap |
|---|---|
| <a> | tipe |
| <knoppie> | tipe |
| <embed> | tipe |
| <invoer> | tipe |
| <skakel> | tipe |
| <kieslys> | tipe |
| <voorwerp> | tipe |
| <skrif> | tipe |
| <bron> | tipe |
| <styl> | tipe |
Voorbeelde
Knoppie Voorbeeld
Twee knoppie-elemente wat dien as een indien-knoppie en een terugstel-knoppie (in 'n vorm):
<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>
Insluit voorbeeld
'n Ingebedde flitsanimasie met 'n gespesifiseerde mediatipe:
<embed src="helloworld.swf" type="application/vnd.adobe.flash-movie">
Invoer voorbeeld
'n HTML-vorm met twee verskillende invoertipes; teks en dien in:
<form action="/action_page.php">
Username: <input type="text" name="usrname"><br>
<input type="submit" value="Submit">
</form>
Skakel voorbeeld
In die volgende voorbeeld dui die tipe kenmerk aan dat die gekoppelde dokument 'n eksterne stylblad is:
<head>
<link rel="stylesheet" type="text/css" href="theme.css">
</head>
Voorwerp Voorbeeld
'n <object>-element met 'n gespesifiseerde mediatipe:
<object width="400" height="400" data="helloworld.swf" type="application/vnd.adobe.flash-movie"></object>
Skrip voorbeeld
'n Skrip met die tipe kenmerk gespesifiseer:
<script type="text/javascript">
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
Bron Voorbeeld
Gebruik van die tipe kenmerk:
<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>
Styl voorbeeld
Gebruik die tipe-kenmerk om die mediatipe van die <style>-merker te spesifiseer:
<style type="text/css">
h1 {color:red;}
p {color:blue;}
</style>
Blaaierondersteuning
Die typekenmerk het die volgende blaaierondersteuning vir elke 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 |