Atrybut typu HTML
Definicja i użycie
W przypadku <button>elementów
typeatrybut określa typ przycisku.
W przypadku <input>elementów
typeatrybut określa typ elementu <input> do wyświetlenia.
W przypadku elementów <embed>,
<link>, <object>,
<script>, <source>i atrybut określa typ mediów internetowych (wcześniej znany jako typ MIME).
<style>type
Dotyczy
Atrybutu typemożna użyć na następujących elementach:
| Elementy | Atrybut |
|---|---|
| <a> | rodzaj |
| <przycisk> | rodzaj |
| <embed> | rodzaj |
| <wejście> | rodzaj |
| <link> | rodzaj |
| <menu> | rodzaj |
| <obiekt> | rodzaj |
| <skrypt> | rodzaj |
| <źródło> | rodzaj |
| <styl> | rodzaj |
Przykłady
Przykład przycisku
Dwa elementy przycisków, które działają jak jeden przycisk przesyłania i jeden przycisk resetowania (w formularzu):
<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>
Przykład osadzania
Wbudowana animacja flash z określonym typem nośnika:
<embed src="helloworld.swf" type="application/vnd.adobe.flash-movie">
Przykład wejścia
Formularz HTML z dwoma różnymi typami danych wejściowych; napisz i prześlij:
<form action="/action_page.php">
Username: <input type="text" name="usrname"><br>
<input type="submit" value="Submit">
</form>
Przykład łącza
W poniższym przykładzie atrybut type wskazuje, że połączony dokument jest zewnętrznym arkuszem stylów:
<head>
<link rel="stylesheet" type="text/css" href="theme.css">
</head>
Przykład obiektu
Element <object> z określonym typem nośnika:
<object width="400" height="400" data="helloworld.swf" type="application/vnd.adobe.flash-movie"></object>
Przykład skryptu
Skrypt z określonym atrybutem type:
<script type="text/javascript">
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
Przykład źródła
Użycie atrybutu typu:
<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>
Przykład stylu
Użyj atrybutu type, aby określić typ nośnika tagu <style> :
<style type="text/css">
h1 {color:red;}
p {color:blue;}
</style>
Obsługa przeglądarki
typeAtrybut ma następującą obsługę przeglądarki dla każdego elementu :
| 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 |