Более 1 строки в <Input type = «textarea» />

У меня проблемы с получением<input type="textarea" /> иметь более 1 строки,

Я попытался добавить свойства в HTML, как вы сделали бы с обычным<textarea></textarea> нравится:<input type="textarea" rows="x" cols="x" />

Я даже пытался сделать это в CSS, но это не сработало. Я искал решение по всему Интернету, но я не могу найти тему, касающуюся моей конкретной проблемы.

Текстовые зоны, с которыми я сталкиваюсь, находятся на этом сайте:Vilduhelst

Когда вы нажмете кнопку «Lav dit eget dilemma», они появятся.

Я ищу решение HTML или CSS.

 Yograj Gupta26 окт. 2012 г., 16:53
Тег <input> предназначен для однострочного текстового поля, его нельзя сделать многострочным. Для этого используйте <textarea> вместо <input />
 theprogrammer26 окт. 2012 г., 16:53
Вам нужно использовать элемент <textarea>. В качестве ссылки это все допустимые типы для элемента ввода с новыми типами в HTML 5w3.org/TR/html-markup/input.html
 Jonas Pedersen26 окт. 2012 г., 16:55
О боже, это действительно проблема? Я попросил у моего хозяина, который является профессиональным девеопером, совет по этому вопросу, и он не мог понять, что случилось ...
 Sparky25 нояб. 2012 г., 07:09
Это не правильный HTML, Это частично сработало, потому что по умолчаниюinput type='text'.

Ответы на вопрос(4)

Спарки в комментариях на многие ответы на этот вопрос,нет Любыеtextarea значение дляtype атрибутinput тег.

На других условиях следующая разметканедействительный :

<input type="textarea" />

И браузер заменяет его напо умолчанию :

<input type="text" />

Чтобы определить многострочный ввод текста, используйте:

<textarea></textarea>

ВидетьTextArea элементная документация Больше подробностей.

тернатива - использовать текстовую область с атрибутами row и cols. Вы все еще можете добавить атрибут «name», а также есть полезный атрибут «wrap», который может очень хорошо служить в различных ситуациях.

Почему бы не использовать<textarea> тег?

​<textarea id="txtArea" rows="10" cols="70"></textarea>
 Jonas Pedersen26 окт. 2012 г., 16:58
Вы правы, я просто изменил его на <textarea>, и он отображается так, как и должно быть. Когда я попробовал вчера, результат был совершенно другим, хотя.
 Vinod Vishwanath26 окт. 2012 г., 17:04
Возможно, это была опечатка в имени тега или, возможно, неверные значения атрибута. Хорошо, это сработало!
 Sparky25 нояб. 2012 г., 07:10
input type='textarea' недействительный HTML, Это частично работало, потому что это просто по умолчаниюinput type='text', следовательно, почему ОП первоначально видел только одну строку.
 Vinod Vishwanath26 окт. 2012 г., 16:56
Я не уверен, что "textarea" является допустимым значением для атрибута "type"<input> Тег textarea - это то, что я всегда использовал. В чем проблема? Это делает хорошо здесь:jsfiddle.net/tLWrP
 Jonas Pedersen26 окт. 2012 г., 16:53
Я попытался использовать тэг <textarea>, но он дал совершенно другой вывод интерфейса, и я решил, что предпочел бы узнать, почему он не работает, и что можно сделать, чтобы он работал. Вместо того, чтобы просто использовать другое решение и немного отредактировать CSS.

Несмотря на то что<input> игнорируетrows атрибут, вы можете воспользоваться тем, что<textarea> не должно быть внутри<form> теги, но все еще может быть частью формы, ссылаясь на идентификатор формы:

<form method="get" id="testformid">
    <input type="submit" />
</form> 
<textarea form ="testformid" name="taname" id="taid" cols="35" wrap="soft"></textarea>

Конечно,<textarea> теперь появляется кнопка «отправить», но, возможно, вы найдете способ изменить ее положение.

 ABM08 окт. 2015 г., 20:57
Спасибо за пример того, как его использовать!

Ваш ответ на вопрос