file

input要素のtype属性にfileを指定すると、ファイル入力欄になる。

ブラウザ対応

構文

<input type="file">

属性

属性 説明
accept属性 サーバーが受け入れるファイルの種類を指定する属性。
autofocus属性 オートフォーカスさせる属性。
disabled属性 無効にする属性。
form属性 属するform要素のid属性値を指定する属性。
multiple属性 複数の値を入力できるようにする属性。ファイル入力欄の場合、複数のファイルを入力できるようになる。
name属性 名前を指定する属性。
required属性 入力を必須にする属性。
value属性 値を指定する属性。ファイル入力欄においては、初期入力値となる。

サンプルコード

ファイル入力欄： <input type="file" name="sampleName">

複数のファイルを入力できるようにする

multiple属性を使う。

ファイル入力欄： <input type="file" name="sampleName" multiple>

サンプル

HTMLソースコード

<p>
	<label>
		ファイル入力欄：
		<input type="file" name="sampleName">
	</label>
</p>
<p>
	<label>
		複数ファイル入力欄：
		<input type="file" name="sampleName" multiple>
	</label>
</p>

実際の表示