超入門 HTML5

HTML5 の入門向けの解説をしているサイトです

type 属性

属性の説明type 属性 は、要素に依存し、次の 5 つに分類されます。
  1. 参照するリソースの形式
  2. 埋め込むリソースの形式
  3. フォーム・コントロールの形式
  4. ボタンの形式
  5. リスト・マーカーの形式
指定できる要素
  1. 参照するリソースの形式
    • a 要素
    • area 要素
    • link 要素
  2. 埋め込むリソースの形式
    • embed 要素
    • object 要素
    • param 要素
    • script 要素
    • source 要素
    • style 要素
  3. フォーム・コントロールの形式
    • input 要素
  4. ボタンの形式
    • button 要素
  5. リスト・マーカーの形式
    • ul 要素
    • ol 要素
属性の値
  1. 参照するリソースの形式
  2. 埋め込むリソースの形式
  3. フォーム・コントロールの形式
  4. ボタンの形式
  5. リスト・マーカーの形式


MIME タイプの一覧
属性の値機能
text/htmlHTML
application/xhtml+xmlXHTML
application/xmlXML
application/pdfPDF
text/cssスタイルシート(CSS)
text/plainプレインテキスト
image/gifGIF 画像
image/jpegJPEG 画像
image/x-bitmapビットマップ
application/x-shockwave-flashフラッシュ
video/mpegMPEG 動画
video/quicktimeMOV 動画
video/mp4MPEG 4 動画
audio/midiMIDI 音源
audio/mp3MP3 音源
audio/quicktimeMOV 音源
audio/mp4MPEG4 音源
application/zipZIP アーカイヴ
application/gzipGZIP 圧縮ファイル
application/octet-streamブラウザなどで開かず保存されるべきリソース

サンプル

<!DOCTYPE html>
<html lang="ja">
 <head>
  <meta charset="UTF-8">
  <title>タイプライター</title>
  <link rel="stylesheet" href="style.css" type="text/css">
 </head>
 <body>
  <h1>タイプライターとは?</h1>
  <p>文字盤を打鍵することで活字を紙に打ち付け、文字を印字する機械。</p>
 </body>
</html>


input 要素の type 属性値の一覧
属性の値機能
textテキストの入力欄を作成します。
passwordパスワードの入力欄を作成します。
fileファイルをアップロードする際に使用します。
checkboxチェックボックスを作成します。
radioラジオボタンを作成します。
hidden画面に表示させないようにします。
ユーザの目に触れなくてもよい、フォームの整理やコントロールのための値を送信するのに使います。
submit送信ボタンが作成されます。
このボタンをクリックすると,<form> の action 属性で指定したアクションが呼び出されます。
resetリセットボタンが作成されます。
このボタンをクリックすると,入力した情報をキャンセルすることができます。
button汎用ボタンが作成されます。
image画像ボタンが作成されます。
number数値の入力欄が作成されます。
rangeレンジ入力欄が作成されます。
search検索テキストの入力欄を作成します。
tel電話番号の入力欄を作成します。
urlURL の入力欄が作成されます。
emaile-mail の入力欄が作成されます。
time時刻の入力欄が作成されます。
datetime日時の入力欄が作成されます。
datetime-local時刻の入力欄が作成されます。
date日付の入力欄が作成されます。
month月の入力欄が作成されます。
week週の入力欄が作成されます。
color色の入力欄が作成されます。


button 要素の type 属性値の一覧
属性の値機能
submit送信ボタン(<input type="submit"> と同じ)。
resetリセットボタン(<input type="reset"> と同じ)。
buttonボタン(<input type="button"> と同じ)。


ul 要素と li 要素の type 属性値の一覧
属性の値機能
disc黒丸
circle白丸
square黒い四角


ol 要素の type 属性値の一覧
属性の値機能
1算用数字
aアルファベットの小文字(1, 2, 3...)
Aアルファベットの大文字(a, b, c...)
iローマ数字の小文字(i, ii, iii...)
Iローマ数字の大文字(I, II, III...)