HTMLでアンケートを作成する方法

クリップボードと鉛筆を持っている男

HTMLフォームを使用すると、Webサイトの訪問者からあらゆる種類の情報を収集できます。

画像クレジット: Stockbyte / Retrofile / Getty Images

Webサイトの訪問者からデータやフィードバックを収集する場合は、ハイパーテキストマークアップ言語(HTML)を使用してアンケートを作成します。 アンケートには、ラジオボタンからチェックボックス、ドロップダウンリストまで、さまざまな入力方法を含めることができます。 ユーザーがアンケートに回答したら、メールの受信トレイで回答を受け取ります。

ステップ1

メモ帳、Webホストの組み込みHTMLエディター、または選択したHTMLエディターで、質問を取り上げたいHTMLドキュメントを開きます。 新しいWebページを開始する場合は、新しいTXTドキュメントを作成してから、基本的なタグを挿入します。

今日のビデオ

Webページのタイトル

作成するフォームタグは、開始タグと終了タグの間に配置されます。 アンケートに回答したら、ドキュメントをHTMまたはHTMLとして保存し、任意のWebブラウザーで開いて作業をプレビューします。

ステップ2

を挿入します

. あなたのすべての質問と タグはこれら2つのタグの間にあります。 各 タグには、次のような「名前」属性を含める必要があります. アンケートへの回答があなたのメールアドレスに転送されるように、

ステップ3

使用 タグを付けて、ユーザーが回答を入力できる1行の入力フィールドを作成します。 たとえば、誰がユーザーをWebサイトに紹介したかを尋ねたい場合、コードは次のようになります。

ステップ4

使用 ラジオボタンを作成するためのタグ。 ラジオボタンを使用すると、ユーザーは1つのオプションしか選択できません。 ラジオボタンセットの各入力は、同じ名前である必要がありますが、一意の値属性を持っている必要があります。 たとえば、訪問者がWebサイトを楽しんだかどうかを尋ねるには、次を使用します。

はい

番号

HTML自体は空白を認識しないため、タグはWebページに改行を作成します。

ステップ5

使用 チェックボックスを作成するためのタグ。 ラジオボタンとは異なり、ユーザーはセット内の複数のチェックボックスを選択できます。 ラジオボタンと同様に、セット内の各オプションは同じ名前を共有する必要がありますが、一意の値を持ちます。 たとえば、訪問者にWebサイトの機能を提案するように依頼するには、次のようにします。

もっと写真!

その他のリンク!

より多くのコンテンツ!

ステップ6

タグを使用して、ユーザーが1つのオプションのみを選択できるドロップダウン選択リストを作成します。 リスト内のオプションごとに、個別に作成します 開閉の間に設定

「色」オプションは選択された属性を特徴としているため、これがデフォルトの選択になります。

ステップ7

使用 送信ボタンを作成するためのタグ。 ユーザーがこのボタンをクリックすると、冒頭で指定した検索方法に応じて、ユーザーが入力した情報が転送されます。