Добавление строк и столбцов в форму

Question

Я создаю веб-сайт с помощью Bootstrap.css Twitter. Он поставляется с некоторыми полезными предустановленными классами html/css. Например, если вы создаете форму с <input class="xlarge">, она будет иметь ширину более широкой, чем обычно. Однако в поле ввода формы по умолчанию была только одна строка, поэтому я добавил несколько css, чтобы сделать его более высоким.

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

Так что теперь есть большая область текста, но проблема в том, когда вы идете напечатать что-то, тем больше площадь не доступна для курсора. У вас все еще есть только одна строка для ввода текста. Я пытался добавить несколько строк и columsn в HMTL но ничего

<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 /> всегда будет только одной линией. Если вы хотите использовать многострочную область ввода, вам необходимо использовать <textarea></textarea>.