Web標準にアプローチ　〔まいまいのお宿。〕

時々見かける、気の利いた機能を追加してみましょう。

お仕事のついでに見つけたものなんですけどね。
時々見かけるでしょう？こういうの。


▲入力欄をクリックすると下の図のように消える。　


▼それぞれの入力欄をクリックすると、表示されていたテキストが消える。
　
▲（左）検索フォームなどで見かけるタイプ／（右）コメント入力欄などで見かけるタイプ


クリックしたら、valueに「空」を入れているのは、なんとなく想像のつくところ。
でも、どーやってすんだろう？なんて思っていたんですね。
まさか、ここまで短いスクリプトを仕込んでやるだけでよいとは思ってもいなくて。


消えて欲しいなら、もともと、入れておかなければいい！って思うかもしれませんね。
でも、Web標準の視点からすると、マルチラインのテキストエリアには、入れておくことが推奨されています。

こんなちょっとのコードを書くだけで改善できるのなら、してみてもいいなって思いませんか？
私は、早速しちゃいました♪

･････つづく

---

Web標準にアプローチ（サイト版） || 東京２３区中心・駅近ホテルズ