HTMLにおけるフォーム作成の基礎

HTML の <form> 要素は、ウェブページ上でインタラクティブなフォームを作成するための基本的な構成要素です。すべてのフォーム要素のコンテナとして機能します。基本的なフォームの例を見てみましょう:

form属性の説明：

• name はフォームをクライアントおよびサーバーで識別するためのもの。英字、数字、アンダースコア、ハイフンを含めることができるが、スペースは不可；
• autocomplete はブラウザによるフォームフィールドの自動入力（on または off）を制御する。フォーム全体または個々の入力に適用可能；
• novalidate はブラウザの組み込みバリデーションを無効化する。JavaScriptで手動バリデーションを行う場合に有用。

子要素の概要

<form>内では、その機能を定義するさまざまな要素を使用。<input>はテキスト、数値、メールアドレス、パスワードなどのデータ入力を可能にする。例では、フィールドにtype="email"やtype="password"が使用されている。<label>は入力項目の説明文を提供し、フォームの構造やアクセシビリティを向上させる。<button type="submit">はフォームデータを送信する。デフォルトではページが再読み込みされるが、JavaScriptでこの動作を上書き可能。