HTMLでテキスト入力エリアにデフォルトのガイドラインを表示する方法/placeholder属性の使い方

home-office IT

テキストボックスには、あらかじめ「文字を入力してください」などのガイドラインを表示することができます。このガイドラインをプレースホルダーと呼びます。

Advertisements

placeholder属性の使い方

テキストボックスの作り方などは別記事をご参照ください。
htmlタグに属性を追加して、表示させたい文字を入力します。入力した文字は文字入力、選択をすると表示されなくなります。
inputの場合

<input type = "text" name = "txt-box" placeholder = "テキストを入力してください">

textareaの場合

<textarea placeholder = "テキストを入力してください"></textarea>
HTMLの便利な使い方・タグ逆引きリファレンス
ウェブページ作成言語として常に熱い需要を持つHTML関連のまとめページです。 勉強しながらちょっとずつ増やしていく所存です。

コメント