Definicja i Wykorzystanie
Dla elementów przycisku, type atrybut określa typ przycisku.
Dla elementów wejściowych, type atrybut określa typ <input> elementów do wyświetlenia.
Dla elementów w menu, type atrybut określa typ menu.
Do ankiety, link, przedmiot, scenariusza, źródła, z elementami stylu, że atrybut type określa typ mediów internetowych (dawniej znany jako typ MIME).
Dotyczy
type atrybut może być stosowany na następujących elementach:
Elementy | Atrybut |
---|---|
<button> | type |
<embed> | type |
<input> | type |
<link> | type |
<menu> | type |
<object> | type |
<script> | type |
<source> | type |
<style> | type |
Przykłady
Button Przykład
Dwa przyciski elementów, które działają jako jeden przycisk i złożyć jeden przycisk reset (w formie):
<form action="demo_form.asp" 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>
Spróbuj sam " Embed Przykład
Wbudowany animacja flash z określonego typu mediów:
<embed src="helloworld.swf"
type="application/vnd.adobe.flash-movie">
Spróbuj sam " Input Przykład
Formularz HTML z dwóch różnych typów danych wejściowych; tekst i złożyć:
<form action="demo_form.asp">
Username: <input type="text" name="usrname"><br>
<input type="submit" value="Submit">
</form>
Spróbuj sam " Link Przykład
W poniższym przykładzie, type atrybutu wskazuje, że dokument jest związany zewnętrznego arkusza stylów:
<head>
<link rel="stylesheet" type="text/css" href="theme.css">
</head>
Spróbuj sam " Menu Przykład
Menu kontekstowe:
<menu type="context" id="mymenu">
<menuitem label="Refresh"
onclick="window.location.reload();" icon="ico_reload.png">
</menuitem>
<menu label="Share on...">
<menuitem label="Twitter"
icon="ico_twitter.png"
onclick="window.open('//twitter.com/intent/tweet?text='+window.location.href);">
</menuitem>
<menuitem label="Facebook" icon="ico_facebook.png"
onclick="window.open('//facebook.com/sharer/sharer.php?u='+window.location.href);">
</menuitem>
</menu>
<menuitem label="Email This Page"
onclick="window.location='mailto:?body='+window.location.href;"></menuitem>
</menu>
Spróbuj sam " Object Przykład
<object> element o określonym rodzaju mediów:
<object width="400" height="400" data="helloworld.swf"
type="application/vnd.adobe.flash-movie"></object>
Spróbuj sam " Script Przykład
Skrypt z type atrybutu określony:
<script type="text/javascript">
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
Spróbuj sam " Source Przykład
Korzystanie z tego type atrybutu:
<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>
Spróbuj sam " Style Przykład
Użyj type atrybut, aby określić typ nośnika odpowiadający <style> tagu:
<style type="text/css">
h1 {color:red;}
p {color:blue;}
</style>
Spróbuj sam " Pomoc Browser
type
atrybut posiada następujące wsparcie przeglądarki dla każdego elementu:
Element | |||||
---|---|---|---|---|---|
button | tak | tak | tak | tak | tak |
embed | tak | tak | tak | tak | tak |
input | tak | tak | tak | tak | tak |
link | tak | tak | tak | tak | tak |
menu | Nieobsługiwany | Nieobsługiwany | 8,0 (Tylko typ = "kontekst") | Nieobsługiwany | Nieobsługiwany |
object | tak | tak | tak | tak | tak |
script | tak | tak | tak | tak | tak |
source | 4,0 | 9,0 | 3,5 | 4,0 | 10,5 |
style | tak | tak | tak | tak | tak |