Freebies / Scripts

A Simple and Effective jQuery Dropdown Login Form

Posted by Daryl Ginn

119127

A Simple and Effective jQuery Dropdown Login Form

In search of a new login form style? Try this easy to implement and lightweight simple jQuery dropdown login form.

137

View Demo Download

52924 Downloads

There are many way’s in which a user can login, a popular method since the birth of twitter is to have a dropdown form. Today we give away a simple jQuery dropdown login form, it’s easy to implement and lightweight and does everything you need it to. All you have to do is implement and hook it up to your website.

We provide fast success in 642-357 exams by using our high quality 70-573 dumps.We also offer up-to-dated scmad exams dumps with definite guarantee of 000-152 dumps and 1z0-048.

Tagged:

Connect to the author

Expand Author Profile ▼

Daryl Ginn

Daryl Ginn's Website →

Connect:

I am the founder of The Finished Box, a Digital Resource Magazine. Founded in October 2010 and launched in February 2011 my focus is to bring you articles, inspiration, freebies and more focusing on quality more than quantity.

Create a Stunning Sliding Door Effect with simple jQuery
9
14,768

http://profiles.google.com/dale.novak Dale Novak

View demo results in a Error 404 – Page Not Found error.
Anonymous

Yeah sorry about that, we’re currently shipping the new version quite a few things aren’t working properly, I’ll put this to a high priority.
http://www.ewok.fr/blog/?p=474 Innovative Techniques To Simplify Sign-Ups and Log-Ins « e-wok.fr, le blog

[...] A Simple and Effective jQuery Dropdown Login Form [...]
http://www.ruturaj.in/innovative-techniques-to-simplify-sign-ups-and-log-ins/ Innovative Techniques To Simplify Sign-Ups and Log-Ins | Ruturaj Pradeep Kohok | Your Web Advisor

[...] A Simple and Effective jQuery Dropdown Login Form [...]
http://20one.co.cc/innovative-techniques-to-simplify-sign-ups-and-log-ins/ Innovative Techniques To Simplify Sign-Ups and Log-Ins | 20 One | Designers Blog

[...] A Simple and Effective jQuery Dropdown Login Form [...]
http://www.dberak.com/2011/05/innovative-techniques-to-simplify-sign-ups-and-log-ins/ Innovative Techniques To Simplify Sign-Ups and Log-Ins | dberak

[...] A Simple and Effective jQuery Dropdown Login Form [...]
http://blog.desmaksolutions.com/2011/05/innovative-techniques-to-simplify-sign-ups-and-log-ins/ Innovative Techniques To Simplify Sign-Ups and Log-Ins – desmaksolutions.com | desmaksolutions.com

[...] A Simple and Effective jQuery Dropdown Login Form [...]
http://87studios.net/blog/innovative-techniques-to-simplify-sign-ups-and-log-ins-2/ Innovative Techniques To Simplify Sign-Ups and Log-Ins | 87studios.net

[...] A Simple and Effective jQuery Dropdown Login Form [...]
http://www.cs5design.com/blog/2011/05/12/innovative-techniques-to-simplify-sign-ups-and-log-ins/ Innovative Techniques To Simplify Sign-Ups and Log-Ins

[...] A Simple and Effective jQuery Dropdown Login Form [...]
Bingo

it passes the info with a get parameter in clear text ?
Anonymous

Elaborate?
http://www.nuhil.net/blog/php/how-to-authenticate-user-using-their-facebook-twitter-account/ How to authenticate user using their Facebook, Twitter account « A Player on the Field of CSE

[...] I used a free stylish jquery drop down login box from web. You can also get it here . After customizing a little bit the index.php of this example [...]
Anon.

Change the action of the form to post? It is up to you how the data model is implemented.
http://blog.javadav.com/?p=1304 Упрощаем регистрацию и вход на сайт | javadav.com

[...] Простая и эффективная выпадающая форма авторизации дл… [...]
http://blog2.aj7r.ru/?p=5 Упрощаем регистрацию и вход на сайт | Блог

[...] Простая и эффективная выпадающая форма авторизации дл… [...]
http://itime.me/?p=451 Упрощаем регистрацию и вход на сайт

[...] Простая и эффективная выпадающая форма авторизации дл… [...]
http://adriatek.com/2011/06/06/uprostite-registraciju-i-login/ Uprostite registraciju i login | Adriatek

[...] Jednostavna i efikasna jQuery login forma [...]
http://camhungthietke.com/web-develop/web-design/nhung-ky-thuat-hap-dan-de-don-gian-hoa-sign-up-va-log-in/ Thiet ke – Những kỹ thuật hấp dẫn để đơn giản hóa Sign-Up | Cảm hứng thiết kế – Nơi những ý tưởng bắt đầu

[...] A Simple and Effective jQuery Dropdown Login Form [...]
http://xn--80atc2en.xn--p1ai/34 Инновационные способы упрощения форм регистрации и входа на сайт | Ялька.рф

[...] Простое и эффективное всплывающее окно на jQuery [...]
http://easy-learn.co.tv/?p=53 50 Royalty Free Pixel Perfect PSDs | Easy Learning

[...] A Simple and Effective jQuery Dropdown Login Form [...]
http://speckyboy.com/2011/07/04/15-fresh-jquery-menu-plugins-and-tutorials/ 15 Fresh jQuery Menu Plugins and Tutorials

[...] also use jQuery to add some drop-down animation to the menu. Horizontal Dropdown MenuView the DemoDropdown Login FormThis is an easy to implement and lightweight simple jQuery dropdown login form. Dropdown Login [...]
http://www.webdevelopersbox.com/uncategorized/15-fresh-jquery-menu-plugins-and-tutorials.html Web Development articles, tutorials, help » Blog Archive » 15 Fresh jQuery Menu Plugins and Tutorials

[...] Dropdown Login Form [...]
http://www.share-design.ru/plaginy-jquery-dlya-sozdaniya-menyu-15-urokov.html Плагины jQuery для создания меню (15 уроков)

[...] 12. Выпадающая форма входа/регистрации. [...]
http://wordpressthemeplates.com/15-fresh-jquery-menu-plugins-and-tutorials 15 Fresh jQuery Menu Plugins and Tutorials | WP Plates! | Wordpress Themes

[...] Dropdown Login Form [...]
http://peidesign.wordpress.com/2011/07/05/15%e5%80%8bjquery-for-menu%e4%b8%8b%e8%bc%89%e8%88%87%e6%95%99%e5%ad%b8/ 15個jQuery for Menu下載與教學 « 我是派

[...] Dropdown Login Form [...]
http://acrisdesign.com/2011/06/55-brilliant-free-pixel-perfect-psds/ 55 Brilliant Free Pixel Perfect PSDs | AcrisDesign

[...] Film Camera ZorkiBadge with Ribbons Free PSDNeat slidersA Clean jQuery AJAX Alert Box Plugin FreebieA Simple and Effective jQuery Dropdown Login FormTwitter Status Update Bubble (PSD)Map Pins & Tooltips (PSD)Menu Notification Badges (PSD)Simple [...]
http://www.webdesignmu.com web design mauritius

great thanks for sharing its awesome bookmarked and share
Sayo

He just did. How you want to capture data of inputs is up to you. Normally you use the “post ” function.

find a form script on the net. everything can’t be done for you
Anonymous

great share, love the freebie.
samia

how to use it in wordpress? where to place code in header.php? I really need it…
Anon

Doesn’t degrade if Javascript is unavailable sadly – just stops working. Any chance of tweaking it to redirect users to a static login URL if JS is unavailable?
http://www.css-oscommerce.com/drop-down-jquery-login-box/ Drop Down JQuery Login Box for OSC to CSSv2 | CSS OSCommerce

[...] v1) this is easy installation. No files or images to upload, just three easy steps. Adapted from A Simple and Effective jQuery Dropdown Login Form. Visit this site for more detail and alternate drop down box [...]
Chaya Cooper

Where can I locate the specific jquery function and code that I need to incorporate into my page?
Sunny

exactly what i’m looked for. Thnx a lot)
Kavitabarke

its very nice and easy……script
Khoiruddin

Wah… keren iki….
Richardybias

House and lot
jojo

May i know if what are the difference between jquery and java-script??
Scott Heliker

This is great looking.. Can you please tell me how to integrate it into the top of a wordpress site?
jija

thank you.
Sharls Zamora

Estan Chidos Estos Codigos…..
http://www.dailylucky.cn/?p=864 15个效果非常炫的jQuery插件 | 独行菜鸟的新窝

[...] Demo | Download [...]
Nicklodian

It does not work properly on IE and Firefox!
Any known issues?
http://bitpenguin.com/ Bit Penguin

Great dropbox based on jquery, really what i was after. Thank you!
http://w91525.s97.chinaccnet.cn/?p=19 15个效果非常炫的jQuery插件 | 速猫网

[...] Demo | Download [...]
http://www.gonzoblog.nl/2011/08/15-useful-jquery-plugins-for-your-next-web-project/ 15 useful jQuery Plugins for your next Web Project | gonzoblog.nl

[...] Demo | Download [...]
http://htmlcsshome.com/?p=134 15个效果非常炫的jQuery插件 « 前端+ htmlcsshome

[...] Demo | Download [...]
http://www.wsxcm.com/wsxcm/archives/1275.html 15个效果非常炫的jQuery插件 | Wsxcm-问世新传媒

[...] Demo | Download [...]
http://test.idesign.vn/content/an-tuong/kien-thuc/nhung-ky-thuat-hap-dan-de-don-gian-hoa-sign-up-va-login/ Những kỹ thuật hấp dẫn để đơn giản hóa Sign-Up và Log-in | iDesign

[...] A Simple and Effective jQuery Dropdown Login Form [...]
http://whodesigntoday.com/a-collection-of-useful-jquery-plugins-to-enhance-your-site/ A Collection Of Useful jQuery Plugins To Enhance Your Site | Who Design Today

[...] jQuery Dropdown Login Form [...]
http://indoorbillboards.cc/35-excellent-jquery-and-css3-navigation-menus 35 Excellent jQuery and CSS3 Navigation Menus | Indoor Digital Billboards

[...] jQuery dropdown login form, it’s easy to implement and lightweight and does everything you need it [...]
http://poste.us/35-excellent-jquery-and-css3-navigation-menus/ 35 Excellent jQuery and CSS3 Navigation Menus « POSTE

[...] jQuery dropdown login form, it’s easy to implement and lightweight and does everything you need it [...]
http://www.mnm-tutorials.de/?p=1521 35 Excellent jQuery and CSS3 Navigation Menus | MNM Tutorials

[...] jQuery dropdown login form, it’s easy to implement and lightweight and does everything you need it [...]
http://ghaoui.com/blog/2012/07/35-excellent-jquery-and-css3-navigation-menus/ 35 Excellent jQuery and CSS3 Navigation Menus | Mo Ghaoui, Personal Blog

[...] jQuery dropdown login form, it’s easy to implement and lightweight and does everything you need it [...]
http://www.1stwebdesigner.com/css/35-excellent-jquery-and-css3-navigation-menus/ 35 Excellent jQuery and CSS3 Navigation Menus

[...] jQuery dropdown login form, it’s easy to implement and lightweight and does everything you need it [...]
http://edichen.sinaapp.com/?p=468 15个效果非常炫的jQuery插件 | Ediclot | Edichen 技术博客 ——

[...] Demo | Download [...]
osama bin laden

very durty dropbox
http://blog.enqoo.com/blog/2012/07/09/35-excellent-jquery-and-css3-navigation-menus/ 35个优秀的jQuery和CSS3导航菜单 | 我们爱网页设计

[...] 3. jQuery Dropdown Login Form [...]
http://coding.designzzz.com/40-jquery-navigation-plugins-tutorials/ 40 jQuery Navigation Bar Plugins and Tutorials

[...] Demo | Download [...]
http://adriahost.rs/uprostite-registraciju-i-login/ Uprostite registraciju i login | AdriaHost

[...] Jednostavna i efikasna jQuery login forma [...]
SomjuK Pinsitong

thank :)
http://web2kech.com/jquery-et-css3-excellente-tutorials-menus-de-navigation/ jQuery et CSS3 Excellente Tutorials Menus de navigation | WEB 2 KECH Blog

[...] 3. formulaire de connexion jQuery menu déroulant [...]
http://www.onglue.com/?p=300 15个效果非常炫的jQuery的插件 | onglue－脑子进水了

[...] 演示 | 下载 [...]
http://jqueryheaven.com/2012/02/15-fresh-jquery-menu-plugins-and-tutorials/ 15 Fresh jQuery Menu Plugins and Tutorials | JqueryHeaven

[...] Dropdown Login Form [...]
http://www.designzzz.com/awesome-jquery-navigation-menu-plugins-and-tutorials/ Awesome jQuery Navigation Menu Plugins and Tutorials

[...] everything you need it to. All you have to do is implement and hook it up to your website.Demo | DownloadApple Style MenuPhotoshop Tutorial + Coding Tutorial + DownloadThis is an A-to-Z tutorial and [...]
http://quocthangblog.wordpress.com/2012/11/11/lap-trinh-web-don-gian-hoa-sign-up-va-log-in/ [Lập trình Web] Đơn giản hóa Sign-up và Log-in | Quốc Thắng

[...] A Simple and Effective jQuery Dropdown Login Form [...]
http://orangers.tk/index.php/archives/1744 15个效果非常炫的jQuery插件 | Oranger网络资源互享，冰冷金属也有温情一面…

[...] Demo | Download [...]
ilyas

Thanks for the code..! It’s a nice collection..:-)
http://www.iluther.net/2012/12/11/reprint-recommended-15-jquery-menu-plugin-and-tutorial-guide/ 转载-推荐15个jQuery Menu插件和教程指南 | iluther-专注web技术

[...] Dropdown Login Form [...]
http://cssauthor.com/30-excellent-jquery-plugins-for-navigation-and-menus/ 30 Excellent jQuery Plugins for Navigation and Menus

[...] → More Info [...]
http://tieke.org/516 几个效果非常炫的jQuery插件 | tieke.org

[...] 演示 | 下载 — EOF — 看完了，留个脚印~~ ^_^ [...]
http://www.taxiweb.org/?p=344 20 قائمة JQuery جميلة جدا

[...] قائمة تسجيل الدخول بطريقة jQuery , بسيطةوعملية وسهلة الإستخدام , ويمكنك تحميلها وتجربتها من هنــــــا . [...]
http://howto.goodfav.com/innovative-techniques-to-simplify-sign-ups-and-log-ins-2657.html Innovative Techniques To Simplify Sign-Ups and Log-Ins – Goodfav Howto

[...] A Simple and Effective jQuery Dropdown Login Form [...]
http://www.medibird.com/ jinu

http://www.keralahomedesign.blogspot.com
http://www.medibird.com/ jinu

keralahomedesign.blogspot.com
Guest

buen login
http://mintik.com/ mintik

Very useful example. Thanks.
http://www.designzzz.com/free-jquery-navigation/ 50 Free jQuery Navigation Bar Plugins and Tutorials

[...] Demo | Download [...]

A Simple and Effective jQuery Dropdown Login Form

Connect to the author

Related Posts

Create a Stunning Sliding Door Effect with simple jQuery