定義と使用法
ボタン要素の場合、 type属性は、ボタンの種類を指定します。
入力要素の場合は、 type属性はのタイプを指定<input>に表示する要素を。
メニュー要素の場合は、 type属性は、メニューの種類を指定します。
埋め込み、リンク、オブジェクト、スクリプト、ソース、およびスタイル要素のために、彼type属性は、（以前のMIMEタイプとして知られている）のインターネットメディアタイプを指定します。
に適用されます
type属性は、以下の要素で使用することができます。
| 要素 | 属性 |
|---|---|
| <button> | type |
| <embed> | type |
| <input> | type |
| <link> | type |
| <menu> | type |
| <object> | type |
| <script> | type |
| <source> | type |
| <style> | type |
例
Button例
1として動作する2つのButton要素がボタンと（フォームで）1つのリセットボタンを提出します：
<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>
»それを自分で試してみてください Embed例
指定されたメディアタイプの組み込みフラッシュアニメーション：
<embed src="helloworld.swf"
type="application/vnd.adobe.flash-movie">
»それを自分で試してみてください Input例
二つの異なる入力タイプを持つHTMLフォーム。 テキストと提出：
<form action="demo_form.asp">
Username: <input type="text" name="usrname"><br>
<input type="submit" value="Submit">
</form>
»それを自分で試してみてください Link例
次の例では、 type属性は、リンクされたドキュメントが外部スタイルシートであることを示します。
<head>
<link rel="stylesheet" type="text/css" href="theme.css">
</head>
»それを自分で試してみてください Menu例
コンテキストメニュー：
<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> »それを自分で試してみてください Objectの例
<object>指定したメディアタイプを持つ要素：
<object width="400" height="400" data="helloworld.swf"
type="application/vnd.adobe.flash-movie"></object>
»それを自分で試してみてください Script例
でスクリプトtype指定された属性：
<script type="text/javascript">
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
»それを自分で試してみてください Sourceの例
使用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>
»それを自分で試してみてください Styleの例
使用するtypeのメディアタイプを指定する属性を<style>タグを：
<style type="text/css">
h1 {color:red;}
p {color:blue;}
</style>
»それを自分で試してみてください ブラウザのサポート
type属性は、要素ごとに以下のブラウザのサポートを持っています。
| 素子 | |||||
|---|---|---|---|---|---|
| button | はい | はい | はい | はい | はい |
| embed | はい | はい | はい | はい | はい |
| input | はい | はい | はい | はい | はい |
| link | はい | はい | はい | はい | はい |
| menu | サポートされていません | サポートされていません | 8.0 （のみ= "コンテキスト"と入力） | サポートされていません | サポートされていません |
| object | はい | はい | はい | はい | はい |
| script | はい | はい | はい | はい | はい |
| source | 4.0 | 9.0 | 3.5 | 4.0 | 10.5 |
| style | はい | はい | はい | はい | はい |