HTML Form


この記事はMDNの私の最初のHTMLフォーム<form>に基づいてまとめられています.
要素を使用して、HTMLを使用してユーザーからデータを受信します.
formは何ですか.どうやって使いますか.

formとは?


Webサイトまたはアプリケーションとユーザーが対話するテクノロジー
ユーザーは、Webサイトのフォームからデータを転送できます.
フォームを使用するには要素を使用する必要があります.
<form>要素とは、ドキュメントパーティションを指し、情報を送信するためのインタラクティブなコントロールを含む.

formの使用


以下に示すように、<form>要素を使用できます.
フォームは、<label><textarea><input><button>などを使用して整理できます.
<form action="/join" method="post">
    <div>
        <label for="name">Name:</label>
        <input type="text" name="name" />
    </div>
    <div>
        <label for="mail">Email:</label>
        <input type="email" name="mail" />
    </div>
    <div>
    	<input type="submit" value="JOIN">
    </div>
</form>
上記のフォームは、<input>を使用してデータを受信し、フォームをコミットします.
受信データの<input>要素にはname属性が必要です.
それ以外の場合、フォームのコミット時にデータは使用できません.<input>に加えて、<button>を使用してフォームをコミットすることもできます.
<button>JOIN</button>
<button>のタイプ属性のデフォルト値は「submit」であるため、<input>とは異なり、タイプを個別に指定する必要はありません.<button>のtype属性は次です。に等しい.