HTML型属性
定義と使用法
<button>
要素の場合、属性
type
はボタンのタイプを指定します。
<input>
要素の場合、属性
type
は表示する<input>要素のタイプを指定します。
、、、、、、および要素の場合、属性は<embed>
インターネットメディアタイプ(以前はMIMEタイプと呼ばれていました)を指定します。
<link>
<object>
<script>
<source>
<style>
type
に適用されます
このtype
属性は、次の要素で使用できます。
要素 | 属性 |
---|---|
<a> | タイプ |
<ボタン> | タイプ |
<埋め込み> | タイプ |
<入力> | タイプ |
<リンク> | タイプ |
<メニュー> | タイプ |
<オブジェクト> | タイプ |
<スクリプト> | タイプ |
<ソース> | タイプ |
<スタイル> | タイプ |
例
ボタンの例
1つの送信ボタンと1つのリセットボタン(フォーム内)として機能する2つのボタン要素:
<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>
埋め込み例
指定されたメディアタイプの埋め込みフラッシュアニメーション:
<embed src="helloworld.swf" type="application/vnd.adobe.flash-movie">
入力例
2つの異なる入力タイプを持つHTMLフォーム。テキストと送信:
<form action="/action_page.php">
Username: <input type="text" name="usrname"><br>
<input type="submit" value="Submit">
</form>
リンク例
次の例では、type属性は、リンクされたドキュメントが外部スタイルシートであることを示しています。
<head>
<link rel="stylesheet" type="text/css" href="theme.css">
</head>
オブジェクトの例
指定されたメディアタイプの<object>要素:
<object width="400" height="400" data="helloworld.swf" type="application/vnd.adobe.flash-movie"></object>
スクリプトの例
type属性が指定されたスクリプト:
<script type="text/javascript">
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
ソースの例
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>
スタイルの例
type属性を使用して、<style>タグのメディアタイプを指定します。
<style type="text/css">
h1 {color:red;}
p {color:blue;}
</style>
ブラウザのサポート
このtype
属性では、要素ごとに次のブラウザがサポートされています。
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 |