formタグの使い方と基本に関して

トモジのアイコン画像トモジ

formタグってなに・・・?
意味と活用方法を知りたい!

本記事は、
上記のような方に向けて記事を書いています。

こんにちは、トモジです。

私はプログラミング未経験から独学で勉強して、
簡易的な動的サイト・ゲーム・サービスが作れる状態になりました。

本記事は、formタグの使い方と基本に関して要点をわかりやすく説明しております。

記事の内容

formタグの使い方と基本に関して

webシステム(webアプリ)を作成する場合には、
ユーザーにデータ入力をしてもらう事があり
その際に活用するのがform(フォーム)タグになります。

フォームとは?

フォームというのは入力画面の事を言い、
その内容が送信可能な入力である事を示します。

そして入力データの送り先や送信方法を指定をしてサーバーのプログラムなどに送信されます。

フォームの書き方と意味

formタグは送信先情報(action属性)と
送信方式(method属性)をつけて使用します。

formの書き方の説明図

action属性とは

action属性は、inputやbuttonが押された時にデータを送信する行き先を記述します。

action属性に関しての説明図

method属性とは

method属性は、POST送信かGET送信の
データ送信方法を指定します。

method属性に関しての説明図
method属性
  • GET送信
    URLの後ろに必要な情報を付与して
    検索画面にデータを引き継ぐ方式

  • POST送信
    URLに情報を記載しないで送信する方式

個人情報などはセキリティ上問題になるため、POST送信を使用する

まとめ

最後にこの記事のポイントをまとめておきます。

まとめ

formタグに関して

  • action属性
    データを送信する行き先
  • method属性
    データ送信方法を指定
  • GET送信
    URLの後ろに必要な情報を引き継ぐ
  • POST送信
    URLに情報を記載しないで送信する
記事の内容
閉じる