ホーム >>
スポットTIPS(クリエイターに役立つTIPS/リファレンス検索) >>
CSS・HTML・ java_script/jQuery関連のリファレンス >>
フォーム系 >>
セレクトボックス
(18)
CSS・HTML・ java_script/jQuery関連のリファレンス >>
フォーム系 >>
セレクトボックス
(18)
下記の情報はnccのクローラーが 2014-4-15 22:54に保存したキャッシュです。
最新版でない場合があるため、情報は
最新のページ
を参照してください。
説明
どんなWebサイトでも設置されているフォーム。なんの装飾もなく味気ないフォームより、デザインされたもののほうが連絡してみたくなるはずです!そんなフォームも少し手を加えるだけで素敵なデザインに変身させることができます。今回はCSS3とjQueryを使ってより美しいフォームを作成する方法を紹介します。
説明
複数のselect要素を連動させるjava_script「Dependent Select」とかでいうdependentプラグインですが、
親:子が完全に1:Nのときしかサポートしてないのね、これ。
親(title属性で特定する)に対応する子を
せっかくclass属性で指定できるようになってんだから、
class属性でよく有るように
スペース区切りで複数指定できたらいいなーと
思うんだ。
説明
java_scriptライブラリのjQueryのプラグインを利用して出来るサンプルです。
jQueryは、John Resig によって開発されたjava_scriptライブラリで、AjaxやDOMプログラミングコードを「簡潔・簡単」に書けます。
ここでは、フォーム関連のjQueryプラグインを紹介しています。
下記の情報はnccのクローラーが 2014-5-1 18:47に保存したキャッシュです。
最新版でない場合があるため、情報は
最新のページ
を参照してください。
説明
selectってなんだか味気ないですよね。
そんな訳でjava_scriptライブラリのjQueryプラグインを使ったスタイリッシュにselectを変えてみましょう。
下記の情報はnccのクローラーが 2014-5-1 19:14に保存したキャッシュです。
最新版でない場合があるため、情報は
最新のページ
を参照してください。
説明
appleのデザインっていいですよね。 サイトでも使いたいですよね。 jQueryプラグインjQuery Safari Searcherを使用すると検索フォームをSafariっぽくできます。
説明
select要素でセレクトボックスを作成した際に、情報量が多いと非常に選択肢が多く探すのが難しいことがある。都道府県を検索する際に多くの人が経験したことがあるだろう。
jQuery.selectable.jsはセレクトボックスをプルダウンメニューに変更し、簡単に検索できるように変更するjava_scriptライブラリだ。
下記の情報はnccのクローラーが 2014-5-1 18:50に保存したキャッシュです。
最新版でない場合があるため、情報は
最新のページ
を参照してください。
説明
Twitterの右上には入力できる数字が表示されています。 これと同じようなものをjQueryのプラグイン「Simplest Twitter-like dynamic character count for textareas and input fields」を利用して導入します。
下記の情報はnccのクローラーが 2014-5-1 18:33に保存したキャッシュです。
最新版でない場合があるため、情報は
最新のページ
を参照してください。
説明
味気ないフォームを彩りたい時にはDropKick - a jQuery plugin for beautiful dropdownsを利用するとセレクトメニューを印象的なデザインに変更することができます。
説明
「Select2」はセレクトボックスに検索機能を付けたり、タグの補完(サジェスト)入力ができるBootstrapベースのjQueryプラグインです。
下記の情報はnccのクローラーが 2014-5-1 18:31に保存したキャッシュです。
最新版でない場合があるため、情報は
最新のページ
を参照してください。
説明
セレクトメニューは文字列でイメージしにくい時があります。 そんな時、画像で選択肢を見せてあげると、ユーザーにとってわかりやすいかもしれません。 jQueryプラグインのImageSelectでは、これを簡単に実現できます。
execution time : 0.506 sec