フォーム<form>の中にテキスト入力窓を入れる方法です。

フォーム<form>に文字を入力してもらう場面として、『名前』『アドレス』『問合せ内容』などいろいろとあると思います。

この文字を入力してもらう基本的な方法として、２種類の方法があります。

１つ目は、１行分の入力エリアを用意して入力してもらう。
２つ目は、複数行入力可能な入力エリアを用意して入力してもらう。

今回は１つ目の、１行分の入力エリアを用意して入力してもらう為の入力エリアを記述しましょう。

２つ目の複数行入力可能な入力エリアを用意して入力してもらう方法は、入力窓を入れる（複数行分）を見てください。

ＨＴＭＬ　<input type="text" name="名前">

入力窓を記述するには、<input type="●">の●に対して　text　を指定してtype="text"とする事で可能になります。

入力窓の説明となる文字（今回は『入力エリア：』）に関しては、直前に記述しておけば例の様に表示されます。

また、実際には入力後に送信ボタン等を押して、内容を送信し、処理をする事になると思います。

この際に、他の入力窓や、選択内容などが一緒に送信されます。それらを区別する為にそれぞれに部品にはname="名前"で名前を付ける必要がありますので、同時に設定しましょう。（今回は『text1』とします。）

（入力窓内に最初から文字を表示しておく方法は入力窓に規定値の文字を設定(value="")するを見てください。）

書き方

入力エリア：<input type="text" name="text1">

こうなります

ホームページ作成ＴＯＰ > フォームを設置する > 入力窓(type="text")を入れる > このページのＴＯＰ　▲

ワンランクＵＰ講座
ホームページのスタイルをワンランクアップ！基本調整や特選方法、さらにはインターネットの話題までメールマガジンでお届けします。