Перенос слов и возврат каретки не работает внутри текстовой области

Question

У меня есть раздел Картинки на моем веб-сайте, и пользователи могут оставлять комментарии к картинкам. На каждой странице изображений есть форма с текстовой областью для ввода их комментария. Как ни странно, перенос слов не работает в текстовой области, и нажимая клавишу Enter, вводите результаты в публикуемую форму, а не перевод каретки. Кроме того, полоса прокрутки отсутствует, когда текст выходит за пределы размера текстовой области. Я попытался добавить wrap = "soft" в текстовую область (что не должно иметь значения ... это значение по умолчанию), но я получаю тот же результат.

Вот мой HTML:

<form action="#" method="post" onSubmit="javascript:urchinTracker ('/comment/5334656267047432002')">
                        <input type="hidden" name="albumid" value="5334655700200924193" />
                        <input type="hidden" name="imageid" value="5334656267047432002" />
                        <div id="labelContainer">

                            <div id="nameLabel">NAME</div>
                            <input class="inputName" type="text" name="name" />
                            <div class="clear"></div>
                        </div>
                        <div id="inputContainer">
                            <div id="contentLabel">COMMENT</div>
                            <input class="inputContent" type="textarea" name="commentcontent" />
                            <div class="clear"></div>

                        </div>
                        <div class="clear"></div>
                        <input class="inputSubmit" type="submit" name="submit" value="Post" />
                    </form>

А вот и ссылка: http://www.cameronhinkle.com/pictures/album/5334655700200924193/image/5334656267047432002

Заранее спасибо.

Answer 1

Вы делаете это неправильно - textarea является недопустимым значением для атрибута type элемента <input>.

На самом деле вам нужен элемент <textarea>:

<textarea name="commentcomment">contents</textarea>

В противном случае все, что у вас есть, это однострочное поле ввода, стилизованное под текстовую область.

Подробнее: HTML <textarea> tag .