TOP  >  WebDesign  >  フォームで使えるjQueryテクニック集「10+ JQuery tutorials for working with HTML forms」
2009年08月11日

フォームで使えるjQueryテクニック集「10+ JQuery tutorials for working with HTML forms」

軽量で高機能なjavascriptライブラリの一つjQuery。様々な所で利用されていますが、今日紹介するのはフォームで使えるjQueryテクニックをまとめた「10+ JQuery tutorials for working with HTML forms」と言うエントリーです。

formjquery01
Submit A Form Without Page Refresh using jQuery

ツールチップから、オートコンプリート機能まで、様々な機能をjQueryを用いてフォームに実装できるようになっています。いくつか公開されていますが、今日はその中からいくつか気になったものを紹介したいと思います。

詳しくは以下

A jQuery inline form validation, because validation is a mess
フォームにツールチップで注意書きを表示させる為のjQuery。入力に慣れていない人が使うフォームだと便利かもしれません。

formjquery02
 
 
 
 
 
WordPress & jQuery Contact Form without a Plugin
WordpressのプラグインであるContactFormとjQueryを組み合わせて、角Rのフォームや強調表示を可能にするチュートリアル。
formjquery03
 
 
 
 
 
Creating a Digg Style Sign Up Form
Diggっぽいサインアップフォームを制作する為のチュートリアル。
formjquery04
 
 
上記の他に様々なフォーム関連のテクニックが収録されています。かなりコアな部分なので訳に立つと言う人と立たない人と別れるテクニック集だと思いますが、WEBには欠かせない要素の一つだと思いますので、WEBに携わっている人は目を通しておいても良いんじゃないかなと思います。

※当サイトのに掲載されている一部画像、スクリ-ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればこちらからご連絡ください。即刻削除いたします。
posted 10:33  |  
Category: WebDesign   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

デザインを開発するという視点からデザイン、WEBデザインに役立つ情報をお伝えします。

ご意見、ご感想、連絡事項があればFacebookページよりお願いたします。

※当サイトのに掲載されている一部画像、スクリ-ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればFacebookページからご連絡ください。即刻削除いたします。
※本ブログの「プライバシーポリシー」です。

関連サイト

Designdevelopの姉妹ブログ、毎日のインスピレーションに!をコンセプトに、グラフィックデザインからプロダクトデザインまでクリエイティブをテーマに取り上げていくブログ「DesignWorks」を運営中。

【ご注意】「Designworks」の旧ホームページドメインを利用したWEBサイトにご注意ください
Template deisgn by iDEACLOUD inc.
トップに戻る