Atribut tipe HTML
Definisi dan Penggunaan
Untuk <button>elemen,
typeatribut menentukan jenis tombol.
Untuk <input>elemen,
typeatribut menentukan jenis elemen <input> yang akan ditampilkan.
Untuk <embed>,
<link>, <object>,
<script>, <source>, dan
<style>elemen, typeatribut menentukan tipe media Internet (sebelumnya dikenal sebagai tipe MIME).
Berlaku untuk
Atribut typedapat digunakan pada elemen berikut:
| Elemen | Atribut |
|---|---|
| <a> | Tipe |
| <tombol> | Tipe |
| <sematkan> | Tipe |
| <masukan> | Tipe |
| <tautan> | Tipe |
| <menu> | Tipe |
| <objek> | Tipe |
| <skrip> | Tipe |
| <sumber> | Tipe |
| <gaya> | Tipe |
Contoh
Contoh Tombol
Dua elemen tombol yang berfungsi sebagai satu tombol kirim dan satu tombol reset (dalam formulir):
<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>
Sematkan Contoh
Animasi flash tertanam dengan jenis media tertentu:
<embed src="helloworld.swf" type="application/vnd.adobe.flash-movie">
Contoh Masukan
Formulir HTML dengan dua jenis input yang berbeda; teks dan kirim:
<form action="/action_page.php">
Username: <input type="text" name="usrname"><br>
<input type="submit" value="Submit">
</form>
Contoh Tautan
Dalam contoh berikut, atribut type menunjukkan bahwa dokumen tertaut adalah lembar gaya eksternal:
<head>
<link rel="stylesheet" type="text/css" href="theme.css">
</head>
Contoh Objek
Elemen <object> dengan jenis media tertentu:
<object width="400" height="400" data="helloworld.swf" type="application/vnd.adobe.flash-movie"></object>
Contoh Skrip
Skrip dengan atribut type yang ditentukan:
<script type="text/javascript">
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
Contoh Sumber
Penggunaan atribut tipe:
<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>
Contoh Gaya
Gunakan atribut type untuk menentukan jenis media dari tag <style> :
<style type="text/css">
h1 {color:red;}
p {color:blue;}
</style>
Dukungan Peramban
Atribut typememiliki dukungan browser berikut untuk setiap elemen:
| 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 |