フォームに行と列を追加する

Question

私はTwitterのBootstrap.cssを使用してウェブサイトを構築しています。これは、便利なプリセットhtml/cssクラスが付属しています。たとえば、<input class="xlarge">でフォームを作成すると、通常の幅よりも幅が広がります。しかし、デフォルトのフォーム入力ボックスは1行しかなかったので、より大きなボックスにするためにいくつかのCSSを追加しました。

.input-xlarge, 
input.xlarge { 
    height: 70px; 
} 

は、だから今大きなテキスト領域がありますが、問題は、あなたが何かを入力するために行くときに、大きな面積がカーソルにアクセスできません、です。まだテキストを入力するための行は1つしかありません。あなたがここでの問題のフィドルを見ることができる私はHMTLにいくつかの行とcolumsnを追加しようとしましたが、それは何も

<div class="textarea"> 
<input class="xlarge" id="xlInput3" name="xlInput3" type="text" rows="2" columns="70"> 
      </div> 

を変更しませんでした。どのようにこれを修正するための任意のアイデア？

http://jsfiddle.net/mjmitche/CDQ89/6/

Answer 1

Inputsのみ一列です。 Textareaは複数行です。 これをチェックしてください。 http://jsfiddle.net/CDQ89/7/

Answer 2

<input />は常に1行になります。複数行の入力領域が必要な場合は、<textarea></textarea>を使用する必要があります。