「input」や「textarea」など閲覧者に分かりやすくするために、入力フォーム内に初期値を表示させたい場合に、すぐに取り入れられる記述方法です。フォーム周りをスッキリさせたい時に便利。
▣ placeholder=” 表示させたい内容を記述 ”
<input type="text" value="" placeholder="表示させたいテキストを記述" >
今まではjavascriptで対応していましたが、HTML5から導入されたこの機能が簡単、ほとんどのブラウザーが対応しています。記述すると、薄いグレーのテキストが表示されます。フォーム内にフォーカス、または入力するとテキストは消えます。何も入力しないで離れるとテキストが再表示されます。(value=””に記述するとそっちが優先されます)
▣ value=” 表示させたい内容を記述 ”
<input type="text" value="表示させたいテキストを記述" >
基本の value を記述すると編集可能なテキストが表示されます。
See the Pen.
