2015年3月25日ネット上で何かを検索したい時、どこを見ますか?そう、検索窓ですよね。サイトやネットショップ、何かを検索する必要があるウェブサイトには大概付きものでお馴染みのものです。見るのが検索窓に薄い文字で予め文字が入っている場合です。サイトでは「検索:Apple.com」と何処の検索なのか明示しています。その他によくあるのは検索窓に「キーワードを入力」と書かれているケースがありますね。今回はその方法について焦点を当てます。/></form>サンプル用の簡単なものです。属性で予め入れておきたいテキストを書きます。関数を動作させています。'#000';}}--></script>テキストボックスに入っている文字が「キーワードを入力」だったら、テキストボックスの中身を空にして文字色を黒に変更しています。非対応のブラウザの為にスクリプトをコメントアウトしています。フィーチャーフォンがありました。ネット閲覧もスマホが主流になる中、いつまで考慮する必要があるんでしょうかね。使う方法だと色々とごちゃごちゃしてややこしいですが、実はもっと簡単な方法がありました。使う方法が主流だったのですが、次の方法は最近可能になったものです。使うこと無く完結する事ができます。具体的には以下のように書きます。placeholder="キーワードを入力">たったこれだけです。これだけなのに最初に挙げた方法より優れています。以下など古いブラウザには対応できません。対応できるスクリプトもあるので十分実用性があるものになりました。要素が使えるようになります。src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->おわりに予め検索窓に薄い文字を入れておく事は助けになる事もありますが、使い道を誤ると逆に不便になる事もあります。長い文章を入れておくのは不向きで、あくまで補助的な説明に留めておきましょう。TwitterシェアGoogle+PocketB!はてブLINE-ノウハウauthorPREV飛行機の座席が場所ごとに色が違う事があるのは何故か?NEXTFF15の体験版をプレイした感想。(31)書いている人Azell猫好き、ウェブ好きな管理人がブログを綴っています。プロフィールへお問合せ当サイトについてプライバシーポリシーお問い合わせウェブミスト(Webmist)ウェブの世界は霧がかっているように知らないことだらけ。霧を晴らすようにウェブを知りたい滋賀ブロガーがお届けする情報ブログ。