【無料で読める】HTMLフォームの基本

本書はHTMLフォームの基本を学ぶためのものです。
実際にサンプルを動作させながら学習するものではなく、机上で学習します。もちろん、サンプルを手で模写することで学習を深めていただいて構いません。ただ、サーバサイドの構築および動作は本書の範囲外となります。それを求めるならば、ほかの参考書をご検討ください。
技術的には、簡単にでも以下を学んでいることが前提となっています。
・HTML
・CSS
・Javascript

色々なプログラミング言語の色々なフレームワークが溢れている現在で、HTMLフォームを1から勉強することに意味があるのかと思うかもしれません。わからないことを調べると結局、基本を学ぶことになります。基本を知ることはすごく大切です。本書がその助けになれば幸いです。

【目次】
0.まえがき
1.基本ガイド
　1.1.初めての HTML フォーム
　　HTML フォームとは何か?
　　フォームを設計する
　　HTMLを書く
　　　form要素
　　　label、input および textarea 要素を追加する。
　　　button を追加する。
　　CSS でフォームを少し見栄えよくする
　　データを Web サーバに送信する
　1.2.HTML フォームの構築方法
　　form 要素
　　fieldset および legend 要素
　　label 要素
　　　ラベルもクリック可能
　　　複数のラベル
　　フォームで使用される一般的な HTML 構造
　　　フォーム構造を構築して学習してみよう
2.色々なフォーム
　2.1.共通属性
　2.2.テキスト入力フィールド
　　単一行のテキストフィールド
　　メールアドレスフィールド
　　パスワードフィールド
　　検索フィールド
　　電話番号フィールド
　　URL フィールド
　　複数行のテキストフィールド
　2.3.ドロップダウンコンテンツ
　　セレクトボックス
　　複数選択型セレクトボックス
　　オートコンプリートコンテンツ
　2.4.選択可能アイテム
　　チェックボックス
　　ラジオボタン
　2.5.ボタン
　　送信
　　リセット
　　無名
　2.6.高度なフォーム要素
　　数値
　　スライダー
　　日付と時刻の選択
　　カラーピッカー
　2.7.その他のウィジェット
　　ファイルピッカー
　　隠しコンテンツ
　　画像ボタン
　　メーターとプログレスバー
3.フォームデータの送信と検証
　3.1.フォームデータの送信
　　クライアント/サーバ構成について
　　　クライアント側: データ送信方法の定義
　　　HTTP リクエストの表示
　　ファイル送信
　　セキュリティへの配慮
　　　XSS と CSRF
　　　SQL インジェクション
　　　HTTP ヘッダーインジェクションと電子メールインジェクション
　　　ユーザを信用してはいけない
　3.2.フォームデータの検証
　　フォーム検証とは何か
　　　様々な種類のフォーム検証
　　内蔵フォーム検証の利用
　　　入力要素の制約の検証
4.あとがき