用語集に戻る
データベース初級

フォーム

フォーム

一言で言うと

input(text, email, password, checkbox, radio)、select、textarea、button。

もう少し詳しく

一言で言うと

input(text, email, password, checkbox, radio)、select、textarea、button。formタグで囲み、actionで送信先を指定する。

もう少し詳しく

input(text, email, password, checkbox, radio)、select、textarea、button。formタグで囲み、actionで送信先を指定する。

formタグはユーザーの入力をまとめてサーバーへ送信するための要素です。method属性にはGETまたはPOSTを指定し、action属性には送信先のURLを指定します。GETはURLにデータを付加して送るため検索向き、POSTはリクエストボディに含めるためパスワードや大量データの送信に適しています。

実務でどう使うか

  • ログイン・会員登録画面 ── ユーザー名とパスワードをPOSTで送信する最も基本的なフォームの使い所です

  • サーバーサイドとのデータやりとり ── POSTリクエストでフォームデータを受け取り、DBへの保存や認証処理を行います

  • クライアントサイドバリデーション ── submitイベントを拾ってJavaScriptで入力値を事前チェックし、不要なリクエストを防ぎます

  • CSRF対策 ── サーバーが発行したトークンを隠しフィールドに埋め込み、悪意あるリクエストを弾く実装がよく使われます

  • 関連する用語

    この用語を学べるコース

    この用語を実際に使ってみよう

    チョットデキルなら、5分のレッスンで実際にコードを書いて学べます。

    コース一覧を見る