html - 奇妙な動作: テキストエリアにプレースホルダーが表示されない

Question

「コメントプラグイン」を作りたいので、マークアップといくつかのスタイルから始めました。

textarea要素を追加するまではすべて問題ありませんでした

その要素の HTML コードは次のとおりです。

<textarea rows="7" cols="37" placeholder="Ingrese su comentario">
</textarea>

しかし、ページをロードすると、デフォルトのテキストがテキストエリアに表示されるため、奇妙なことが起こりました。

ありがとう、レオナルド

PS: 動作する場合は、Chrome 27.0.1453.116 バージョンで動作します。

score 4 · Accepted Answer

マークアップからテキストエリアの改行を削除します。スペース、html フォーマットにより、テキストエリアの開始タグと終了タグの間にスペース、改行などが含まれ、それらがテキストと見なされ、技術的に空ではないため、プレースホルダーがテキストエリアに表示されませんでした。

これを変える：

 <textarea rows="7" cols="37" placeholder="Ingrese su comentario">
  </textarea>

に：

<textarea rows="7" cols="37" placeholder="Ingrese su comentario"></textarea>

テキストエリアpadding-leftに他の入力ボックスと一貫性を持たせるだけです

textarea
{
   padding-left:10px;
}

score 0 · Accepted Answer

たぶん、フォームに入力するのを手伝ってくれるChrome AutoFillでしょう。一意のテキストエリアの ID または名前を選択すると役立つはずです。

2 に答える 2