Question

我的网站上有一个图片部分，允许用户在图片上输入评论。每个图片页面都有一个带有文本区域的表单，用于输入他们的评论。奇怪的是，自动换行在文本区域中不起作用，并且在发布的表单中输入结果而不是回车符。此外，当文本超出文本区域的大小时，没有滚动条。我已经尝试将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>

否则你所拥有的只是一个单行输入字段，其样式看起来像textarea。

更多信息：HTML <textarea> tag。

自动换行和回车在textarea内部不起作用

1 个答案: