텍스트 줄 바꿈 및 캐리지 리턴이 텍스트 영역 안에서 작동하지 않습니다.

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

사용자가 잘못하고 있습니다. type 속성이 <input> 인 올바르지 않은 값입니다 (textarea). 그렇지 않으면 당신이 가진 모든 텍스트 영역처럼 보이도록 스타일을 한 줄 입력 필드가

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

: 당신이 실제로 원하는 것은

는 <textarea> 요소입니다.

자세한 내용은 HTML <textarea> tag입니다.