記事の内容
form要素
form要素は、ユーザーからの情報を収集するために使用される重要な要素です。
form要素
記法
<form action=”送信先URL” method=”送信方式”>
===========================
ボタン要素やinput要素
===========================
</form>
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>form要素に関して</title>
</head>
<body>
<form action="URL" method="post">
<label for="name">名前：</label>
<input type="text" id="name" name="name" />
<label for="email">メールアドレス：</label>
<input type="email" id="email" name="email" />
<input type="submit" value="送信" />
</form>
</body>
</html>action属性とmethod属性
formタグは送信先情報(action属性)と送信方式(method属性)をつけて使用します。
form要素
記法
<form action=”送信先URL” method=”送信方式”>
===========================
ボタン要素やinput要素
===========================
</form>
action属性
action属性は、inputやbuttonが押された時にデータを送信する行き先になります。
method属性
method属性は、POST送信かGET送信のデータ送信方法を指定します。
method属性
- GET送信
URLの後ろに必要な情報を付与して検索画面にデータを引き継ぐ方式 - POST送信
URLに情報を記載しないで送信する方式