HTMLを使ったテキスト入力の作り方

ページ名:HTMLを使ったテキスト入力の作り方

HTMLフォームはユーザーの入力を得るために必要なものです。しかし、その前にテキストボックスを作る必要があります!ここでは、Windowsを使用している場合のテキストボックスの作り方についての簡単なチュートリアルを紹介します。

サンプルコード

方法1

HTMLを使ってテキスト入力を作る

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

シェアボタン: このページをSNSに投稿するのに便利です。

コメント

返信元返信をやめる

※ 悪質なユーザーの書き込みは制限します。

最新を表示する

NG表示方式

NGID一覧