迷い人

日々勉強。勉強の先に何か見つかるといいなぁ

【html】textareaの使い方

複数行に渡ってテキストボックスを入力できるtextarea

使い方も簡単。。。と思っていたら、ちょっとはまりかけたのでメモしておく。

 

最初以下のように書いたら、placeholderが表示されない。そして何故かスペースが入った状態になっていた。

<ul>
 <li>
  <textarea name="note" cols="30" rows="5" maxlength="150" placeholder="コメントをどうぞ">
  </textarea>
 </li>
</ul>

 

ちなみに正解の書き方は以下のとおり。

<ul>
 <li>
  <textarea name="note" cols="30" rows="5" maxlength="150" placeholder="コメントをどうぞ"></textarea>
 </li>
</ul>

 

原因は<textarea>と</textarea>の間にタブ(スペース)が入っていたこと。わかれば簡単なことでしたとさ。