2009-06-11 16 views
0

私は自分のウェブサイトにピクチャセクションを持ち、ユーザがピクチャにコメントを入力できるようにします。各ピクチャページには、コメントを入力するためのテキストエリアがあるフォームがあります。不思議なことに、テキストの折り返しはテキスト領域では機能しません。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

感謝。

答えて

2

あなたはそれを間違っています - <input>要素のtype属性の無効な値はtextareaです。そうしないとあなたが持っているすべてのテキストエリアのように見えるようにスタイル1行の入力フィールドがある

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

:あなたが実際に欲しい

<textarea>要素です。

詳細:HTML <textarea> tag

+0