HTMLフォームの役割
ユーザーから情報を収集し、サーバーへ送信するための重要な機能です。ログイン、お問い合わせ、注文など、Webサービスに不可欠な「体験」を構築します。
フォームの基本構成
- action属性: データの送信先URLを指定。
- method属性: 送信方式を指定（URLに載る
GETか、載らないPOSTか）。 - name属性: サーバー側で何のデータか識別するための名前。全ての入力部品に必須です。
入力部品の種類
| type値 | 用途 |
|---|---|
text |
名前や住所などの1行テキスト |
password |
入力内容を隠すパスワード欄 |
checkbox |
複数選択が可能なチェック項目 |
radio |
一つだけ選ぶ選択ボタン |
submit |
送信実行ボタン |
バリデーション (Validation)
正しいデータが入力されているかチェックする仕組みです。JavaScriptを使って、送信前に確認ダイアログを出したり、未入力を警告したりします。
function ConfirmSubmit() {
return window.confirm("本当に送信してもよろしいですか？");
}アウトプットによるキャリア構成
学んだ技術を自分のものとするために、以下の目標を設定します。
- 成果物の作成: 自己紹介ページなどを実際にコーディングし、形にします。
- ポートフォリオの準備: アプリ公開先を確保し、いつでも自分の作品を提示できるように整えます。