スクロール可能なテキストボックスを作成するにはどうすればよいですか？

Question

現在、このサイトには、フォームのメモ（長いテキスト）エントリに使用するための次のCSSクラスがあります。

.scrollabletextbox { 
    height:100px; 
    width:200px; 
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; 
    font-size: 82%; 
    overflow:scroll; 
} 

ボックスや他のスタイリングレジスタのサイズは正しくありますが、テキストは垂直にセンタリングされ、改行されません。テキストを完全に表示する唯一の方法は、カーソルを左右に移動することです。

フォームは

<input type="text" class="scrollabletextbox" name="note" value="<?php echo $note; ?>"> 

大きなテキストボックスを実装するために（少しPHPと）次のHTMLを使用するすべての助けを事前にありがとうございます。

Answer 1

textareaタグでinput type="text"を交換してみてください。

にコードを変更し

：あなたはそれと同じ方法でデータを得ることができるので、それは、ちょうど通常のinputタグとしてデータを送信

<textarea class="scrollabletextbox" name="note"> 
    <?php echo $note; ?> 
</textarea> 

。

Read more info about textarea tag

Answer 2

コントロールをinputからtextareaに切り替えると、デフォルトで要求する機能が実行されます。

<textarea class="scrollabletextbox" name="note"><?php echo $note; ?></textarea> 

JSFIDDLE：http://jsfiddle.net/rJy94/