HTML入門 | HTML入力フォーム(Forms) | HTMLフォーム(form)

Webページでは、form要素を使用してユーザーから入力を受け取ることができる。また、ユーザーが入力したデータをサーバーへ送信するときにもform要素を使用する。

form要素は次のような文法で使用する。

<form action="処理するページアドレス" method="get|post"></form>

action属性は、入力されたデータを処理するサーバー上のURLアドレスを明示する。受け取ったデータを処理するサーバープログラムをフォームハンドラー(form-handler)という。

method属性は、入力されたデータをサーバーに渡す方式を明示する。したがって、ユーザーがform要素を通じて入力したデータは、action属性に明示された場所へmethod属性の方式で渡される。method属性で指定できるform要素の送信方式は、GET方式とPOST方式に分けられる。

GET方式は、アドレスにデータ(data)を追加して送信する方式である。データはアドレス入力欄にそのまま表示され、送信できるデータのサイズも制限される。したがって、検索エンジンのクエリ(query)のように、サイズが小さく重要度の低い情報を送るときに主に使用する。

POST方式は、データ(data)を別途添付して送信する方式である。データは外部に表示されず、送信できるデータサイズにも制限がない。したがって、セキュリティ性と活用性はGET方式より優れている。

HTML5で<form>タグに追加された属性は次のとおりである。