“input”要素~“type="file"”

“type="file"”

“type="file"”を指定した“input”要素はファイルの送信欄を表します。

フォームの送信時には選択されたファイルへのパスが入力値として送信されます。ファイルが選択されていない場合は値は空文字列です。

送信可能なファイルの種類は“accept”属性で制限できます。

フォームでファイルのアップロードを可能にするには入力されたデータをマルチパートデータとして送信するように“form”要素に“enctype="multipart/form-data"”を指定するか送信ボタンに“formenctype="multipart/form-data"”を指定する必要があります。

サンプルコード

<form method="post" method="multipart/form-data" action="sample-inputtag2.php" target="_blank">

<fieldset>

<p><label>猫の画像をアップロード：<input type="file" name="sample01" accept="image/png, image/jpeg"></p>

</fieldset>
<p><button type="submit">送信する</button></p>

</form>

猫の画像をアップロード：

送信する

＊このフォームは送信できません。

属性と値

属性		値
属性	説明	値	説明
必須属性
type=""	入力欄の種類	file	ファイルの送信欄
任意属性
グローバル属性
accept=""	入力欄が受け入れるファイル形式	audio/*	音声ファイルを受け入れる
		video/*	動画ファイルを受け入れる
		image/*	画像ファイルを受け入れる
		MIMEタイプ	入力欄が受け入れるファイル形式
		.拡張子	入力欄が受け入れるファイル形式
disabled=""	入力欄を無効化	disabled	入力欄を無効化
form=""	関連付けるフォーム	ID名	関連づける“form”要素の“id”属性の値
multiple=""	複数の値を入力を可能にする	multiple	複数の値を入力を可能にする
name=""	入力欄の名前	文字列	入力欄の名前
required=""	入力を必須にする	required	入力を必須にする

仕様書

file