文字换行和回车符不工作在textarea

Question

我在我的网站上有一个图片部分，并允许用户在图片上输入注释。每个图片页面都有一个带有textarea的表单，用于输入他们的评论。奇怪的是，文字换行在文本区域不起作用，并且在发布的表单中输入结果而不是回车。另外，当文本超出文本区域的大小时，没有滚动条。我已经尝试在文本区域添加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对于<input>元素的type属性无效。

你真正想要的是<textarea>元素：

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

否则你只有风格看起来像一个文本单行输入字段。

欲了解更多：HTML <textarea> tag。