input type="file"

提供: ASCII.jp HTMLリファレンス

ver.8~ ver.7~ ver.14~ ver.5.1~ ver.11.5~
意味 アップロード
読み方 インプット

カテゴリー

フロー・コンテンツ
フレージング・コンテンツ
インタラクティブ・コンテンツ
リスト化/ラベル付け可能/送信可能/リセット可能なフォーム関連要素

親にできる要素/カテゴリー

フレージング・コンテンツが期待される場所

子にできる要素/カテゴリー

<input 属性="値">

属性 概要
name 文字列 フィールドの名前
value 文字列 デフォルト値
accept 文字列 アップロードを許可するファイル形式のMIMEタイプ
multiple 論理値 複数ファイルのアップロードを受け付けるかどうか
required 論理値 入力必須にするかどうか

グローバル属性

accesskey,class,contenteditable,contextmenu,dir,draggable,hidden,id,lang,spellcheck,style,tabindex,title

説明

 type属性の値が「file」のinput要素は、ファイルをアップロードするコントロールを表示します。

 accept属性では、アップロードを受け付けるファイルの形式を、MIMEタイプで表します。複数のファイル形式を受け付ける場合、それぞれのMIMEタイプをコンマで区切って指定します。また、以下の値も指定できます。


受け付けるファイル
audio/* 音声
video/* 動画
image/* 画像

 multiple属性は論理属性で、この属性を指定すると、一度に複数のファイルをアップロードができるようになります。ただし、Internet Explorer 8/9ではmultiple属性の処理は実装されておらず、常に1つのファイルしかアップロードできません。

 required属性は論理属性で、この属性を指定すると、ファイルのアップロードが必須になります。ただし、Internet Explorer 8/9とSafari 5.1では、required属性の処理が実装されていません。


サンプル

(body要素の内部のみ掲載)

<form action="server.php" method="post">
<p><label>file:<input type="file" name="photo[]" accept="image/*" multiple></label></p>
<p><input type="submit" value="送信"></p>
</form>

サンプル実行画像

Powered by Web Professional

目次