フォーム

ここではフォーム関連のプラグインを紹介します。デモとそのソースコードとともにプラグインを紹介しています。

1年分のカレンダーを表示「BIC Calendar」

1年分のカレンダーを表示するプラグイン「BIC Calendar」を紹介します。 jQueryプラグイン「BIC Calendar」 このプラグインを使えば、1月〜12月までの1年分の大きなカレンダーをページいっぱいに表 […]

 

シンプルな日付選択フォームを実装「Date Selector」

シンプルな日付選択フォームを実装するプラグイン「Date Selector」を紹介します。 jQueryプラグイン「Date Selector」 このプラグインを使えば、「年」「月」「日」を選択するシンプルフォームを実装 […]

 

スポンサーリンク

2つのハンドルを設置できるスライダー「nstslider」

2つのハンドルを設置できるスライダーを実装するプラグイン「nstslider」を紹介します。 jQueryプラグイン「nstslider」 このプラグインを使えば、簡単にスライダーを実装することができます。 また、ハンド […]

 

バーチャルキーボードを実装「Keyboard」

バーチャルキーボード(ソフトウェアキーボード)を実装するプラグイン「Keyboard」を紹介します。 jQueryプラグイン「Keyboard」 このプラグインを使えば、マウスのクリック操作だけでテキストを入力することが […]

 

シングル・マルチセレクトに対応した選択要素「SumoSelect」

シングル・マルチセレクトに対応した選択要素を実装するプラグイン「SumoSelect」を紹介します。 jQueryプラグイン「SumoSelect」 このプラグインを使えば、ひとつの項目を選択する選択要素と選択肢の中から […]

 

select - option要素をスライダーで使いやすく「Spunky Slider」

select – option要素からスライダーにしてくれるプラグイン「Spunky Slider」を紹介します。 jQueryプラグイン「Spunky Slider」 このプラグインを使えば、フォームの選択項目(sel […]

 

使用しているブラウザーのUserAgentを表示「detectBrowser」

使用しているブラウザーの UserAgent(ユーザーエージェント)を表示してくれるプラグイン「detectBrowser」を紹介します。 jQueryプラグイン「detectBrowser」 このプラグインを使えば、使 […]

 

フォーム - 曜日を選択する「WeekLine Day Picker」

曜日の選択を実装するプラグイン「WeekLine」を紹介します。 jQueryプラグイン「WeekLine」 このプラグインを使えば、要素を指定するだけで日曜から土曜までの選択できる曜日リストを実装することができます。 […]

 

入力に応じてテキストエリアの高さを調節「Autosize」

入力に応じてテキストエリアの高さを調節してくれるプラグイン「Autosize」を紹介します。 jQueryプラグイン「Autosize」 入力フォーム(textarea要素)にたくさんのテキストを入力していくとスクロール […]

 

スタイリッシュなチェックボックス・ラジオボタンを実装(CSS不要)「ArtDesign Radio CheckBox」

スタイリッシュなチェックボックス・ラジオボタンを実装するプラグイン「ArtDesign Radio CheckBox」を紹介します。 jQueryプラグイン「ArtDesign Radio CheckBox」 このプラグ […]

 

チェックボックスをさまざまなスタイルにカスタマイズ「alt-checkbox」

チェックボックスをさまざまなスタイルにカスタマイズするプラグイン「alt-checkbox」を紹介します。 jQueryプラグイン「alt-checkbox」 このプラグインを使えば、デフォルトの小さくてチェックしにくい […]

 

クリックでフォーカスしなくても直接入力できる検索フォーム「anysearch.js」

クリックでフォーカスしなくても直接入力できる検索フォームを実装するプラグイン「anysearch.js」を紹介します。 jQueryプラグイン「anysearch.js」 このプラグインを使えば、フォームをクリックしてわ […]

 

フォームの内容をJSON形式で取得「JSON Form」

フォームの内容をJSON形式で取得するプラグイン「JSON Form」を紹介します。 jQueryプラグイン「JSON Form」 このプラグインを使えば、フォームに入力されたテキストや数字……などをJSON(ジェイソン […]

 

入力フォームの数値に3桁ごとにカンマを付ける「maskMoney」

入力フォームの数値に3桁ごとにカンマを付けるプラグイン「maskMoney」を紹介します。 jQueryプラグイン「maskMoney」 このプラグインを使えば、伝票の金額入力でよくあるように数値を3桁ごとのカンマで区切 […]

 

フォームのラベルを入力フィールド内に表示「Super Labels」

フォームのラベルを入力フィールド内に表示するプラグイン「Super Labels」を紹介します。 jQueryプラグイン「Super Labels」 このプラグインを使えば、フォームの label要素を input要素内 […]

 

ソフトウェアキーボードで暗証番号を入力「Keypad」

ソフトウェアキーボードで暗証番号を入力できるようにしてくれるプラグイン「Keypad」を紹介します。 jQueryプラグイン「Keypad」 このプラグインを使えば、数字を入力するためのソフトウェアキーボードを実装するこ […]

 

年月を選択・表示「Month selector」

年月を選択・表示するプラグイン「Month selector」を紹介します。 jQueryプラグイン「Month selector」 このプラグインを使えば、アコーディオン・ウィジェットを使って「年月」を選択するメニュー […]

 

数値のみ入力可能なフォームを実装「Numeric Input」

数値のみ入力可能なフォームを実装するプラグイン「Numeric Input」を紹介します。 jQueryプラグイン「Numeric Input」 このプラグインを使えば、指定した input要素の入力を制御し、数値だけし […]

 

指定した要素をクリックで編集可能に「makeEditable」

指定した要素をクリックで編集可能にするプラグイン「makeEditable」を紹介します。 jQueryプラグイン「makeEditable」 このプラグインを使えば、指定した要素をクリックすると「リスト」や「テキスト」 […]

 

入力できるテキストの残りの文字数をカラーバーとともに表示「Input Color Shifter」

入力できるテキストの残りの文字数をカラーバーとともに表示するプラグイン「Input Color Shifter」を紹介します。 jQueryプラグイン「Input Color Shifter」 このプラグインを使えば、指 […]

 


スポンサーリンク