![トモジのアイコン画像](https://10moji-blog.com/wp-content/uploads/2020/08/吹き出しトモジ.png)
formタグってなに・・・?
意味と活用方法を知りたい!
本記事は、
上記のような方に向けて記事を書いています。
こんにちは、トモジです。
私はプログラミング未経験から独学で勉強して、
簡易的な動的サイト・ゲーム・サービスが作れる状態になりました。
本記事は、formタグの使い方と基本に関して要点をわかりやすく説明しております。
記事の内容
formタグの使い方と基本に関して
webシステム(webアプリ)を作成する場合には、
ユーザーにデータ入力をしてもらう事があり
その際に活用するのがform(フォーム)タグになります。
フォームとは?
フォームというのは入力画面の事を言い、
その内容が送信可能な入力である事を示します。
そして入力データの送り先や送信方法を指定をしてサーバーのプログラムなどに送信されます。
フォームの書き方と意味
formタグは送信先情報(action属性)と
送信方式(method属性)をつけて使用します。
![formの書き方の説明図](https://10moji-blog.com/wp-content/uploads/2021/01/914d1b01d1636bb25c8db9b6de1c3b71-1024x942.png)
action属性とは
action属性は、inputやbuttonが押された時にデータを送信する行き先を記述します。
![action属性に関しての説明図](https://10moji-blog.com/wp-content/uploads/2021/01/5e9cef5f62cb29fc73548a8519aff100-1024x942.png)
method属性とは
method属性は、POST送信かGET送信の
データ送信方法を指定します。
![method属性に関しての説明図](https://10moji-blog.com/wp-content/uploads/2021/01/102ed5b46cf245c6cb1c151e840d5429-1024x942.png)
method属性
- GET送信
URLの後ろに必要な情報を付与して
検索画面にデータを引き継ぐ方式 - POST送信
URLに情報を記載しないで送信する方式
個人情報などはセキリティ上問題になるため、POST送信を使用する
まとめ
最後にこの記事のポイントをまとめておきます。
まとめ
formタグに関して
action属性
データを送信する行き先method属性
データ送信方法を指定GET送信
URLの後ろに必要な情報を引き継ぐPOST送信
URLに情報を記載しないで送信する