タグ

ブックマーク / black-flag.net (1)

  • jQueryで入力フォームの上にテキストを表示する「プレースホルダ(placeholder)」を作ってみる|BLACKFLAG

    入力フォームの上にあらかじめ入力例や注意書きを表示する「プレースホルダ(placeholder)」。 入力する際の注意書きや入力例などを予め表示しておくことで、ユーザーに優しいUIにすることができます。 HTML5ではplaceholder属性という、新たな属性として簡単にプレースホルダを表示できるようになっていますが HTML5に対応していないブラウザではJSなどを使って実装しなくてはいけません。 このプレースホルダを表示するjQueryプラグインも多々ありますが シンプルなスクリプト構成で実装できないか、試しにやってみたので紹介してみます。 まずは実装サンプルから。 下記の入力フォーム(INPUTテキスト、パスワード、テキストエリア)にフォーカスすると 表示されているテキストが消えます。 入力フォームからフォーカスが外れた際に、 フォーム内に何か任意のテキストが入力されていると プレー

    jQueryで入力フォームの上にテキストを表示する「プレースホルダ(placeholder)」を作ってみる|BLACKFLAG
  • 1