Important Notice: Anyone who tried to download the Notification Bubbles PSD yesterday will have noticed it was empty. It's been fixed now!
The Finished Box

Digital Resource Magazine

Subscribe
Options
About tfbox
Share

A Simple and Effective jQuery Dropdown Login Form

Loading...
99
165685
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.

Love it? 162
78166 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.

Connect to the author

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.

  • 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.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 [...]

  • Johann Cabeza

    hi the fucking jquery version is not work with my sliders, HELP PLEASE!!!

  • Johann Cabeza

    IN WORKING THAT PAGE:

    http://www.expresamas.com/

  • Johann Cabeza

    Hey my friend, this plugin you can insert it in THEME OPTIONS/ GENERAL
    Space before THEN PASTE THIS CODE AND UPLOAD THE FILES TO YOUR SERVER O MEDIA SECTION
    CODE:

    Login

    Usuario

    Contraseña

    Recordarme

    Olvidaste tu Contraseña?

    I HOPE THAT I HELP YOU

  • Johann Cabeza

    PLEASE MY FRIEND HOW CAN I CHANGE THE JQUERY VERSION TO THE SAME VERSION IN MY WORDPRESS PAGE?

  • Anonymous

    Wow, I’m amazed. It works in IE! Thanks a million!

  • SecurityWarning

    WARNING – Malicious URL detected from your website (do not visit):
    h**p:// nt cutlery . com / a8c1e50afdf6f263678fdfcbab4745e1 / q . php
    Recommend you check your website for possible hacker injections!

  • http://gqcui.com/index.php/35-excellent-jquery-and-css3-navigation-menu/ 35个优秀的jQuery和CSS3导航菜单 _ 工具收藏 _ 小G的大Q

    [...] 3. jQuery Dropdown Login Form [...]

  • http://www.gaoxueping.com/archives/888 35个优秀的jQuery和CSS3导航菜单 | 高学平,高学平中文网,小铁匠

    [...] ascensor是一个jQuery插件,它旨在培养和适应的内容,根据电梯系统。 3. jQuery Dropdown Login Form 一个简单的jQuery下拉登录形式,很容易实现。 [...]

  • Srabon Hasan

    thanks :)

  • http://www.cenawz.com/?p=445 cenawz » 推荐15个jQuery Menu插件和教程指南

    [...] Dropdown Login Form [...]

  • Khalifa Arabi

    great work ! thnak you

  • http://www.97lebuy.com/index.php/2013/08/25/357.html 15个效果非常炫的jQuery插件 | 97乐淘,淘精彩互联网

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

  • JT

    What would cause the login box to disappear immediately after clicking inside the box?

  • http://www.marstn.com/clip-art/javascript-viewnews-201208258-1.html 15个效果非常炫的jQuery插件 | 聆听寂寞的声音

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

  • http://ndesk.in/2013/10/26/35-excellent-jquery-and-css3-navigation-menus/ 35 Excellent jQuery and CSS3 Navigation Menus | My Website

    [...] A simple jQuery dropdown login form, it’s easy to implement and lightweight and does everything you need it to. [...]

  • cihan

    Thnks so much. I changed something.It works great! http://www.cihanerorhan.com

  • http://www.int-business.com/innovative-techniques-simplify-sign-ups-log-ins/ Innovative Techniques To Simplify Sign-Ups and Log-Ins | Internet Business

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

  • www.equinoxes.in

    can this menu be customised to look like subscribe

    Team – Equinox e Services – Designing

  • Andreas

    thanks for the code! :) if i need two buttons how do i make the 2nd one work? i duplicate the html code from in the container. The 2nd button doesnt work when clicked.

  • Dale Novak

    click here to get free recharge from google.
    http://www.google.com/freeRecharge#4kdiekd0

  • http://www.noblog.cn/10155.html 35个优秀的jQuery和CSS3导航菜单 – Noblog其他 | Noblog

    [...]   3. jQuery Dropdown Login Form [...]

blog comments powered by Disqus

Warning: file_get_contents(https://api.twitter.com/1/users/show.json?screen_name=tfbox&include_entities=true): failed to open stream: HTTP request failed! HTTP/1.0 410 Gone in /home/tfbox/public_html/wp-content/themes/beta/footer.php on line 12