ぎんさん
ホームページのコンタクトフォーム作っているんだけど、textareaのplace holderがうまく入らないんよ
しまさん
コンタクトフォームあるあるですね。いろいろ苦労しますよね。
今回はtextareaのplace holderの対処法を紹介しますね。
textarea（テキストエリア）のPlace holder（プレイスホルダー）が
1文字目から入力できないとき
結論：htmlのtextareaを一行に書く！
これだけのこと！？と思ってしまいますが、この差が効くんです。
・良い例
<textarea placeholder=”お問い合わせ内容を入力してください”></textarea>
・悪い例
<textarea placeholder=”お問い合わせ内容を入力してください”>
</textarea>
それでは、実際のコードとその結果を見てみましょう！
・良い例 → 無事にplaceholderに「入力してください」が表示されています
See the Pen Untitled by Ena Shimazaki (@shimaena) on CodePen.
・悪い例 → placeholderに何も表示されていません…
See the Pen 1 by Ena Shimazaki (@shimaena) on CodePen.
htmlの<textarea></textarea>を使うときは一行に書きましょう！
ちなみに、<textarea>内で改行しても大丈夫です。></textarea>を一行にしておけば。
See the Pen 3 by Ena Shimazaki (@shimaena) on CodePen.
以上、ありがとうございました。
SkillHacks(スキルハックス)
SkillHacks(スキルハックス) オンラインプログラミングスクールの申込
