s-ishigami https://blog.hatena.ne.jp/s-ishigami/ susumuis Info https://susumuis.hateblo.jp/ Web よくあるWebフォームの表現で、入力欄が空欄の時は「入力してください」のようなデフォルトの文言が出ていて、フォーカスを当てると空欄になるような仕掛けがあります。この表現は、placeholderとか、watermarks（透かし）と呼ばれるようで、HTML5の場合は標準機能のようです。また、jqueryを使用している場合はプラグインもあるようですが、既存のページで対応しなければいけない場合のための、ライブラリなしの実装しました。地味にはまったので、メモを残します。なお以下の実装を導き出す際、@Otchyさんに助言を参考にさせていただきました。ありがとうございます。 http://twitter… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fsusumuis.hateblo.jp%2Fentry%2F20110216%2Fp1" title=" JavaScript+HTMLのみでテキストボックスのplaceholder実装メモ - susumuis Info" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2011-02-16 00:00:00 rich https://susumuis.hateblo.jp/entry/20110216/p1 1.0 100%