<textarea> - フォーム部品:テキストエリア

トップ > HTMLリファレンス > <textarea>

概要

項目説明
形式<textarea>~</textarea>
サポートH2 / e2 / Ch1 / Fx1 / Sa1 / Op1 / N2 / i1
カテゴリフローコンテンツ, フレージングコンテンツ, インタラクティブコンテンツ, パルパブルコンテンツ
リステッド, ラベラブル, サブミッタブル, リセッタブル, リアソシエイタブル, フォーム関連
親要素フレージングコンテンツ を子要素に持てるもの
子要素テキスト
タグの省略開始タグ:必須 / 終了タグ:必須

説明

複数行入力可能な入力フォームを表示します。<textarea>~</textarea>の間に記述したテキストが初期値として表示されます。

属性

【重要属性】
属性意味
name=nameH2/e2/Ch/Fx/Sa/Op/N2。名前を指定します。
【固有属性】
属性意味
cols=nH2/e2/Ch/Fx/Sa/Op/N2/i1。テキストエリアの横幅を指定します。HTML4.01では必須の属性として定義されています。
rows=nH2/e2/Ch/Fx/Sa/Op/N2/i1。テキストエリアの縦幅(行数)を指定します。HTML4.01では必須の属性として定義されています。
autofocusH5/e/Ch/Fx/Sa/Op。自動的にフォーカスをあてます。
disabledH4/e4/Ch/Fx/Sa/Op/N6。テキストフィールドへの入力をできなくします。表示文字は灰色で表示されます。
readonlyH4/e4/Ch/Fx/Sa/Op/N6。テキストフィールドへの入力をできなくします。
dirname=nameH5/Ch/Op。部品に入力されたテキストの方向(ltr,rtl)を、nameで指定されたパラメータの値としてサーバに送信します。
form=idH5/Ch/Fx/Sa/Op。関連付けたい form要素のidを指定します。
wrap=wrapH5/e3/N2。入力文字数が横幅を超える場合の自動改行を指定します。
  off : 自動改行しない(e4/Ch/Fx/Sa/Op/N2)
  hard : 表示も送信も自動改行される(H5/e3/Ch/Sa/Op/N2)
  soft : 表示は自動改行されるが送信は自動改行されない(H5/e3/Ch/Fx/Sa/Op/N2)
  physical : hardと同じ(e?/N?)
  virtual : softと同じ(e?/N?)
maxlength=nH5。最大文字数を指定します。
minlength=nH5。最小文字数を指定します。
placeholder=stringH5。プレースホルダを指定します。
requiredH5。この入力項目が必須であることを示します。
align=aligne4。テキストエリアを表示する位置を指定します。Microsoftのドキュメントには記述されていますが、実装はされていないようです。
istyle=ni2。入力モードの初期値を指定する。<input>を参照。
【データバインド属性】
属性意味
datafld=dataflde4。データバインド機能を用いる際の、データソースの列名を指定します。
datasrc=datasrce4。データバインド機能を用いる際の、データソースの ID を指定します。
【一般属性】
属性意味
accesskey=keyH4/e4/Ch2/Fx2/Sa3/Op12/N6/i1。アクセスキーを指定します。
class=classH4/e3/Ch1/Fx1/Sa1/Op1/N4。クラスを指定します。
contenteditable=boolH5/e55/Ch11/Fx3/Op10.6/Sa3.2。要素を編集可能にします。
dir=dirH4/e5/Ch5/Fx4/Sa6/Op25/N6。文字の表示方向を指定します。
hiddenH5/e/Ch/Fx/Sa/Op。要素を非表示にします。
id=idH4/e3/Ch/Fx/Sa/Op/N4。ID を指定します。
lang=langH4/e4/Ch/Fx/Sa/Op/N6。言語を指定します。
spellcheck=boolH5。スペルをチェックします。
style=styleH4/e3/Ch/Fx/Sa/Op/N4。スタイルシートを指定します。
tabindex=nH4/e4/Ch/Fx/Sa/Op/N6。タブインデックスを指定します。
title=titleH2/e2/Ch/Fx/Sa/Op/N6。タイトルを指定します。
translate=titleH5。翻訳可否を指定します。

使用例

HTML
<form method="POST" action="sample.cgi">
 <div>
  <textarea name="msg" cols=40 rows=4>
あいうえお
  </textarea>
 </div>
 <input type="submit" value="送信">
</form>
表示

関連項目

<form><input>

Copyright (C) 1996-2015 杜甫々
初版:1996年9月10日 最終更新:2015年1月24日
http://www.tohoho-web.com/html/textarea.htm