Webエンジニア向けプログラミング解説動画をYouTubeで配信中!
▶ チャンネル登録はこちら

【HTML Living Standard】form属性の使い方

form属性の使い方について、初心者にもわかりやすく解説します。

作成日: 更新日:

基本的な使い方

formプロパティは、HTMLにおけるフォーム関連要素がどの<form>要素に属するかを指定するために用いられるプロパティです。このプロパティは、<input>, <button>, <textarea>, <select>, <keygen>, <fieldset>, <object>, <output>といった特定の要素に適用可能です。

通常、これらの要素はユーザーからの入力を受け付け、サーバーにデータを送信するために<form>タグの中に配置されます。しかし、formプロパティを使用すると、親の<form>要素の外に配置された要素であっても、特定のフォームに関連付けることが可能になります。具体的には、このプロパティの値として、関連付けたい<form>要素のid属性の値を指定します。これにより、ウェブページ内のどこに要素があっても、指定されたフォームの一部としてデータが扱われ、フォーム送信時にそのデータも一緒に送信されます。

この機能は、ウェブページのレイアウト上の都合でフォーム要素を<form>タグの直接の子要素として配置できない場合や、複数のフォーム要素をページ内の異なる場所に分散させたい場合に非常に有用です。システムエンジニアを目指す初心者の方にとっては、複雑なユーザーインターフェース設計においてフォームの構造を柔軟に管理できる強力なツールとして理解してください。HTML Living Standardにおけるこの機能は、ウェブアプリケーション開発の自由度を高めるための重要な要素の一つです。

公式リファレンス: HTML attribute: form

構文(syntax)

1<input form="formId" type="text">

引数(parameters)

引数なし

引数はありません

戻り値(return)

戻り値なし

戻り値はありません

関連コンテンツ