jQuery Smart Placeholder

JavaScript

ユーザーが入力中でもプレースホルダーを表示してくれる「jQuery Smart Placeholder」

jQuery Smart Placeholderはフォーム内でユーザーが入力中の時でもプレースホルダーを表示してくれる便利なjQueryプラグインです。フォーカス時にプレースホルダーが上または下へ移動してくれるので、入力作業を妨げることもありません。

jQuery Smart Placeholder

デモ

一般的なプレースホルダーってinput要素にフォーカスした時点で消えちゃうので、複雑な項目なんかだと「具体例を参考にしながら入力したい」といった時など不便ですよね。

jQuery Smart Placeholderを使えば、フォーカス時にプレースホルダーが移動してくれるのでとても便利です。移動する位置はオプションのpositionという項目にtopかbottomを指定すればOKです。

このように、カラー、サイズ、スピードなど他にもいろいろなオプションが揃っています。

$("input").smartPlaceholder({
    text: 'Enter Value',
    backgroundColor: '#fff',
    color: '#888',
    size: 12,
    speed: 0.3,
    radius: 3,
    indent: 5,
    position: 'bottom',
    mode: 'extend'
});

jQuery Smart Placeholder

jquery.peekABar様々なカスタマイズができる便利な通知バー「jquery.peekABar」前のページ

テキストや画像を滑らかにアニメーションさせるニュースティッカー「jQuery liMarquee」次のページjQuery liMarquee

最近の記事

  1. SILENT HILL 2
  2. FUNLOGY スピーカー
  3. 聖剣伝説 VISIONS of MANA
  4. エルデの追憶
  5. コーヒー豆
PAGE TOP