この記事では、最も一般的に使用されるデータ入力フォームを作成するために使用されるいくつかのHTMLタグを紹介します。私がこのHTMLとCSSの学習カテゴリでたくさん紹介したこれらのタグ。

始める前に、フォームデータの概念を理解する必要がありますか？なぜフォームを使用する必要があり、いつ使用する必要があるのですか？フォームの作成中にどの入力タグを使用する必要がありますか？さあ、始めましょう。

1.フォームデータとは何ですか？

ウェブサイトは、世界中のすべてのユーザーとつながるのに役立つソフトウェアと見なされています。 Webサイトに表示されるすべてのデータは、インターネット上に存在する実際のIPアドレスから送信されます。

Webサイトにアクセスすると、そのドメインに対応するIPアドレス（サーバーと呼びます）の要求を送信したことを意味します。サーバーは、HTML形式のデータセットを返します。そして問題は、サーバー側があなたの情報を取得する必要がある場合はどうなるかということです。非常に簡単に言えば、HTMLは、サーバーがユーザーからデータを取得するのに役立ついくつかのタグを提供します。これらはフォームグループのタグです。

したがって、フォームデータは、連絡先フォーム、コメントフォーム、注文フォームなどのフォームグループに属するHTMLコードのセットで構成されるフォームです。入力、選択、オプション、テキストエリア、ボタンなどのタグを使用して、ユーザーを許可します。データを入力してサーバーに送信します。

2.最も一般的に使用されるフォーム形成HTMLタグ

最初にタグを紹介し、次に第3部でフォームを作成します。

フォームタグを使用してフォームを囲みます

すべてのフォームは、他のすべてのタグを囲むフォームタグで始まる必要があります。これには、 methodとactionという2つの重要なプロパティがあります。インターフェイスを実行していますが、このルールにも従う必要があります。用途については後ほど説明します。

 <form method="post" action="url"> </form>

入力タグを使用して入力ボックスを作成します

入力タグが最も頻繁に使用されます。次のようなさまざまな形式で提供されます。

• データ入力ボックス
• チェックボックス
• ラジオボックス

タイプを指定するには、type属性を使用します。理解を深めるには、以下の例を参照してください。

 <form method="post" action="url"> Input: <input type="text" value=""/> <br/> Radio: <input type="radio" value=""/> <br/> Checkbox: <input type="checkbox" value=""/> </form>

textareaタグを使用してビッグデータを取得する

textareaタグは、 input type=textタグのように機能します。ただし、表示に関しては、幅が広くなり、データが1行に表示されるのではなく、多くの行に表示されます。

 <form method="post" action="url"> <textarea cols="20" rows="10"></textarea> </form>

入力タグを使用して送信ボタンを作成します

送信ボタンは非常に重要です。これは、サーバーへのデータの送信をいつ開始するかをブラウザーが知るのに役立ちます。送信ボタンを作成するには、次のように入力タグを使用します。

 <form method="post" action="url"> <input type="submit" value="Liên hệ"/> </form>

selectタグを使用してコンボボックスを作成します

これがこのレッスンの最後の形式です。オプションのドロップダウンリストを作成するには、selectタグを使用します。

 <form method="post" action="url"> <select> <option> -- Hãy chọn -- </option> <option>Tùy chọn 1</option> <option>Tùy chọn 2</option> <option>Tùy chọn 3</option> <option>Tùy chọn 4</option> </select> </form>

上記は、最も一般的に使用されるすべてのHTMLタグのコレクションです。それでは、一緒にちょっとした運動をしましょう。