Sep.14th, 2020
＃
“formenctype”属性について
“formenctype”属性は“type="submit"”を指定した“button”要素でフォームを“POST”方式で送信したときのデータの形式を指定します。
“button”要素や“input”要素の“formenctype”属性が優先されます。
多くの場合、フォームが送信するデータの形式は“form”要素の“enctype”属性で指定されますが、“button”要素に“formenctype”属性を指定した場合はボタンごとに送信するデータの形式を指定することができます。
“form”要素に“enctype”属性が指定されている場合は“formenctype”属性の値が優先されます。
＃
＃
サンプルコード
<form method="post" action="sampleform.cgi" target="_blank">
<fieldset>
<legend>好きな果物</legend>
<p>
<label><input type="checkbox" name="fruit[]" value="甘蕉">甘蕉</label>
<label><input type="checkbox" name="fruit[]" value="林檎">林檎</label>
<label><input type="checkbox" name="fruit[]" value="甜瓜">甜瓜</label>
<label><input type="checkbox" name="fruit[]" value="苺">苺</label>
<label><input type="checkbox" name="fruit[]" value="桃">桃</label>
</p>
</fieldset>
<fieldset>
<legend>一番好きな果物</legend>
<p><label>果物の画像：<input type="file" name="photo" accept=".png,.jpg,.jpeg,image/png,image/jpeg"></label></p>
</fieldset>
<fieldset>
<legend>あなたの情報</legend>
<p><label>居住地域：<input type="text" name="area"></label></p>
<p><label>年齢：<input type="number" name="age"></label></p>
</fieldset>
<p>
<button type="submit" formenctype="multipart/form-data">送信する</button>
<button type="reset">やり直す</button>
</p>
</form>
