HTML & CSS - フォームの基本的なマークアップ

フォームの基本的なマークアップ

フォームの基本的なマークアップは form 要素で定義します。

フォームとは、ユーザが入力した内容をサーバに送信するための機能です。フォームには専用のタグが用意されていて、それらを組み合わせて作成します。

form 要素には、action 属性や method 属性が含まれます。action 属性には、ユーザが入力した内容を送る先の URL を設定します。method 属性には、GET または POST を設定します。これらはサーバにデータを送るための送信方式です。

<form action="#" method="get">

  <input type="text" name="name">
  <input type="submit" value="Save">
  
</form>

<form action="送信先URL" method="送信方式"> ... </form>

フォームの親要素です

<input type="text" name="送信時の名前">

フォームのテキストフィールドです

<input type="submit" value="送信ボタンの名前">

フォームの送信ボタンです