解 説

*解答はHTMLコード、PHPコードと書かれたところをクリックすると表示されます。

問題 次のサンプルを確認して同様の入力フォームと入力内容を表示するページを作成しましょう。
入力フォームサンプル
入力フォームはHTMLで作成し、表示ページはPHPで作成しましょう。
CSSでのデザインは好みのものを作成してください。
HTMLフォーム
PHPコード

解説

HTMLのポイントはinput type=”checkbox”のname属性の値を配列にするように次のようにします。name=”what[]”
form要素で指定する属性のmethod属性の値はpostとして action属性はデータ表示のためのファイルsample.phpを指定します。
フォームの部品を綺麗に配置するために今回はtableタグを使用しています。これはdl要素を使用したり、または単にp要素を使用してレイアウトすることもできます。
PHP側のポイントはhtmlspecialchars()を使用して悪意のあるタグを無効にして只表示させるようにします。第2引数のENT_QUOTESは省略せずに記述することでシングルクオートも無効にします。
自由記入欄のデータは2次元配列の状態で送信されてきます。foreach文で全てのデータを取り出すようにします。