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