TOPページ >  フォームを作成する > 複数行入力可能なテキスト入力欄を作成する

複数行入力可能なテキスト入力欄を作成する

<textarea>タグを使えば ホームページやブログなどのウェブサイトに、複数行の文書を入力できるテキスト入力欄を作成できます。

<textarea name="識別名" rows="行数" cols="横幅" wrap="改行データ送信方法">
初期表示文字
</textarea>
  1. 識別名:テキスト入力欄に識別名を付けます。送信されるデータは、『識別名=入力文字』となります。
  2. 行数:表示行数を指定します。
  3. 横幅:テキスト入力欄の横幅を、半角文字数で指定します。
  4. 改行データ送信方法:フォーム送信時の改行データの送信方法を指定します。下記から選択することができます。
    off改行コードはすべて省く
    soft実際に改行されている部分のみ改行データを送信
    hard実際に改行されている部分と、画面上で改行されている部分に改行データを入れて送信
  5. 初期表示文字 テキスト入力欄に最初から表示しておく文字を指定します。必要がなければ省略してかまわないでしょう。

サンプルです。

テストのフォーム

このソースは、次のようになります。

テストのフォーム<br>
<form action="./cgi-bin/formsample.cgi" target="_blank" method="post">
<textarea name="sample" rows="3" cols="30">
sample
textarea
</textarea><br>
<input type="submit" value="送信">
</form>

この状態で送信ボタンを押すと、

sample=sample%0D%0Atextarea%0D%0A

というデータが送信先に送られます。『 %0D%0A 』とは改行コードです。

ランキングに参加中です! お役に立てたらクリックをお願いします→

同一カテゴリ内一覧
JavaScriptを使ってクッキングタイマーを作る
隠し項目を作成する
送信ボタンの代わりに画像を表示する
ファイル選択ボタンを作成する
パスワード入力欄を作成する
cgi スクリプトでフォームデータを制御する
JavaScriptでフォームデータを制御する
フォームを作成する
複数行入力可能なテキスト入力欄を作成する
ボタンを作成する
送信ボタンを作成する
リセットボタンを作成する
選択メニューを作成する
ラジオボタンを作成する
チェックボックスを作成する
テキスト入力欄を作成する
IEの方はこちらから当サイト ブックマークできます。
ランキング参加中!お役に立てたら クリックをお願いします。
当サイト掲載カテゴリは
Yahoo! JAPAN コンピュータとインターネット > データ形式 > HTML > リファレンス