formタグにいて
button要素のタイプ指定
-
submit
は、ボタンをクリックするとフォームのデータを<form>
要素のaction
属性で定義したWebページへ送信する -
reset
は、ボタンをクリックすると、直ちに全てフォームウィジェットを既定値にリセットする。UXの観点では、resetはバッドプラクティスであると考えられている -
button
は、クリックしても何も起こらない。JavaScriptを使用してカスタムボタンを作成する際に使用する
フォームデータの送信
action属性を指定しなかった場合、フォームが表示されているページ自身に対してデータを送信する
getメソッドは、送信したデータをURLの?以降につけて送信する
postメソッドは、HTTPリクエストのリクエスト本文にデータを含めて送信する
特別なファイルを送信する場合
enctype属性
にmultipart/form-data
を指定することで文字列以外も送信できる