HTML 入門トップページ


目次

  1. ホームページ作成はじめの一歩
  2. HTMLの基礎
  3. 基礎的なタグをマスターしよう
  4. HTML 文書を検証してみよう
  5. スタイルシート
  6. フォームを使ってみよう
    1. テキストコントール
    2. テキストエリア
    3. チェックボックスとラジオボタン
    4. 選択リスト
  7. 参考サイト

フォームを使ってみよう

Webページの利用者が何らかのデータを入力して送信するときにはフォームを配置します.実際に利用者が入力したデータを受け取って処理をするためにはそのためのプログラムを記述する必要があります.

テキストエリア

複数行にわたる文字列の入力を受け付けたいときにはテキストエリアを使うと良いでしょう.テキストエリアの幅は cols で,高さは rows で指定します.また,初期値を指定するときには <textarea> ... </textarea> タグの中に入力します.

index.html(抜粋)
<form>
  <div>
    <label>
    メッセージ<br>
    <textarea cols="30" rows="5" name="msg" placeholder="送信したいメッセージを入力してください">メッセージの入力</textarea>
    </label>
  </div>
  <div>
    <button>送信</button>
  </div>
</form>

ブラウザでの表示結果

目次に戻る