Webブラウザエンジニアリング ―Chrome開発者たちから学ぶ、作って理解するブラウザとWebの仕組み

8章サーバーへの情報送信

　これまで、私たちのブラウザはWebを読み取り専用として見てきました。しかし、Facebookに投稿したり、アンケートに記入したり、Googleで検索したりするときは、サーバーから情報を受け取るだけでなく、サーバーに情報を送信しています。この章では、ブラウザがサーバーに情報を送信する最も簡単な方法であるHTMLフォームをサポートすることで、ブラウザをWebアプリケーションのプラットフォームへと変えていきます。

8.1　フォームの仕組み

　HTMLフォームにはいくつかの構成要素があります。まず、HTMLにはform要素があり、その中にはユーザーの編集できるinput要素が含まれています※1。例えば、フォームは次のようになります。

※1　inputに似た要素として、selectやtextareaなどがあります。これらも同様にユーザー入力を受け取るために機能し、ドロップダウンや複数行の入力など、異なる種類のユーザーコントロールを提供します。

<form action="/submit" method="post">
    <p>名前: <input name=name value=1></p>
    <p>コメント: <input name=comment value=2></p>
    <p><button>送信!</button></p>
</form>

　このフォームは図8.1のように見えます。

　フォームには名前（name）とコメント（comment）という2つのテキスト入力ボックスが含まれています。ユーザーがこのページにアクセスすると、これらのボックスをクリックして値を編集できます。そして、フォームの最後にあるボタンをクリックすると、ブラウザはすべての名前と値のペアを収集し、名前と値のペアをHTTP ...