multiline html textarea

Question

Моя форма наследует несколько стилей css, а экран по умолчанию для текстового поля имеет только одну строку - если вы введете абзац, он не будет обертываться, но продолжит идти по одной строке. Как заставить его вернуться к многострочному результату? Я установил атрибуты «rows» и «cols» в HTML, но, похоже, ничего не делает.

HTML, сильно вложенный, но фактический входной элемент:

<input name="input47" type="textarea" rows="3" cols="10" /> 

CSS-я попытался это:

body form ol.sections li ol.prompts li ol.entries li ol.inputs li input[type=textarea] { 
    height: 500px !important; 
    white-space: normal !important; 
} 

В 500px работает независимо от того, использую ли я !important, но в текстовом поле есть только одна строка текста, вертикально центрированная (Chrome и Safari).

EDIT: Очевидно, мне нужно, чтобы освежить в моем HTML-- <input type="textarea"> должен был <textarea>

Answer 1

@ macaroon5, вы неправильно используете <input /> элемент здесь. То, что вы хотите, чтобы получить это

<textarea name="input47" rows="3" cols="10"> 
    Your multiline text is here. 
</textarea> 

Here is the example

Answer 2

Я предполагаю, что у вас есть что-то вроде

white-space: nowrap; 

применены к текстовое поле где-то в вашей таблице стилей, и это то, что заставляет сделать весь фрагмент текста в одной строке.

Просто добавьте что-то вроде

textarea#myfield { 
    white-space: normal 
} 

Там не должно быть никакой необходимости !important в вышеуказанном стиле, но если вы не получите результат, вы можете попробовать !important

Answer 3

следует помнить, что кроме строк и столбцов, вы также можете установить высоту и ширину, что повлияет на нее. Это может быть случай, когда вы устанавливаете строки, но высота свойства css перезаписывает его.