Atribut typu HTML
Definice a použití
U <button>
prvků
type
atribut určuje typ tlačítka.
U <input>
prvků
type
atribut určuje typ prvku <input>, který se má zobrazit.
Pro prvky <embed>
,
<link>
, <object>
,
<script>
, <source>
a atribut určuje typ internetového média (dříve známý jako typ MIME).
<style>
type
Platí pro
Atribut type
lze použít u následujících prvků:
Prvky | Atribut |
---|---|
<a> | typ |
<tlačítko> | typ |
<embed> | typ |
<vstup> | typ |
<odkaz> | typ |
<menu> | typ |
<objekt> | typ |
<script> | typ |
<zdroj> | typ |
<styl> | typ |
Příklady
Příklad tlačítka
Dva prvky tlačítka, které fungují jako jedno tlačítko pro odeslání a jedno tlačítko pro reset (ve formuláři):
<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>
Příklad vložení
Vložená flashová animace se zadaným typem média:
<embed src="helloworld.swf" type="application/vnd.adobe.flash-movie">
Příklad vstupu
HTML formulář se dvěma různými typy vstupu; napište a odešlete:
<form action="/action_page.php">
Username: <input type="text" name="usrname"><br>
<input type="submit" value="Submit">
</form>
Příklad odkazu
V následujícím příkladu atribut type označuje, že propojený dokument je externí šablona stylů:
<head>
<link rel="stylesheet" type="text/css" href="theme.css">
</head>
Příklad objektu
Prvek <object> se zadaným typem média:
<object width="400" height="400" data="helloworld.swf" type="application/vnd.adobe.flash-movie"></object>
Příklad skriptu
Skript se zadaným atributem type:
<script type="text/javascript">
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
Příklad zdroje
Použití atributu type:
<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>
Příklad stylu
Pomocí atributu type zadejte typ média značky <style>:
<style type="text/css">
h1 {color:red;}
p {color:blue;}
</style>
Podpora prohlížeče
Atribut type
má následující podporu prohlížeče pro každý prvek:
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 |