jQuery FormLabels Plugin


Description: フォームがアクティブでもうっすらとラベル要素を残すプラグインです。ユーザー入力補助の一環として。デモでも使われているようにログインフォームなんかに良さそうですね。動作にはjQueryUIも必要です。
Sample: demo
Tutorial: jQuery FormLabels Plugin
License: -

Sample

Note

<script>
   $(function(){
         $.fn.formLabels();
   });
</script>

必要なファイルを読み込んでオプション設定をするだけ。マークアップのtitle属性を読み込みますので自由度も高そうですね。

Related snippet :

  • Description: フォームがアクティブの時にラベルを外にスライドさせます。通常はアクティブ時に消えますが、外にだすことで、入力補助になりそうです。クロスブラウザにも対 ...
  • Description: ログインフォームをパネル内に入れて開閉式にする、というアイデア。クロスブラウザに対応しています。ログインの為にページ推移も無く、それなりに邪魔にもな ...
  • Description: シンプルなモーダルウィンドウです。jQueryUIとThickbox Varietiesを併用するタイプで、クロスブラウザで動作します。使いどころは ...
  • Description: コンテンツスライダーにバリデーション付きのコンタクトフォームを埋め込んだもの。不備があるとチェックが付きます。順番も追えるのでユーザーとしても縦 ...
  • Description: Youtubeにあるようなシェアボタン(クリックでボタンが出現する)を実装します。URL短縮も付いています。 Sample: demo ...
  • Description: 擬似キーボードを使えるようにするプラグインです。jQueryUIも必要です。マウスのみで完結できるのは四肢に障害のある方にとって大きなユーザビリティ ...
  • Description: 軽量なフォームバリデーションを実装するプラグイン。クロスブラウザにも対応しており、送信ボタンを押すと指定する仕組みになっています。 Sam ...