HTMLフォームはユーザーの入力を得るために必要なものです。しかし、その前にテキストボックスを作る必要があります!ここでは、Windowsを使用している場合のテキストボックスの作り方についての簡単なチュートリアルを紹介します。
サンプルコード
HTMLを使ってテキスト入力を作る
-
HTMLページを作成します。そのためには、メモ帳やその他のプレーン・テキスト・エディタを開いてください。Windowsの場合、スタートメニューからメモ帳にアクセスできます:「アクセサリ」→「メモ帳」。または、Windowsキー+Rを使い、notepadと入力してEnterキーを押す。
-
コードを入力します。通常のタグ(<html><head></head><body></body></html>)を記述してください:
-
ベースとなるコードができたので、あとはテキストボックスを入れるフォームを作り、テキストボックスを作ります。
- 2つのbodyタグ(<body>と</body>)の間に、次のように入力します: <form name="test">.
- 次に、実際の入力要素に次のように入力します: <input type="text" name="textie">.
- 最後にformタグを閉じ、</form>と入力する。
-
ページを保存します。ファイル」→「名前を付けて保存」をクリックし、test.htmlとして保存します。または、anything.htmlとして保存します。
-
ウィンドウを開くと、新しいテキストボックスが表示されます!
- を使えば、ボタンと連動してテキストボックスに何かをさせることができます!
- 入力ボックスの前に、それが何であるかを説明するテキストを入れたい場合は、<input>タグの前に入れてください。
コメント
最新を表示する
NG表示方式
NGID一覧