文字換行和回車符不工作在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。