In many of the websites, we fill forms such as login or registering forms. We use these forms so that visitors to contact with you or recover passwords from anywhere in your site with our awesome form elements. So, whether it is log in form or sign up form or a comment form, these form elements can be a very important aspect of any blog or website. Here we will discuss about beautiful forms using jQuery. Because jQuery makes code easier with new and attractive effects. These collection of forms can be used for popular web development and web design blogs.
1. fbLogin – jQuery plugin for adding facebook login:
It is not an easy part for designers to add a login with Facebook option to your web app. It is a long process that requires multiple requests to the Facebook API, and usually results in a messy callback state and it is tough to manage them. Using this simple jQuery plugin, you can easily design a log in with Facebook. It takes following steps for Logging in with Facebook:
Check out its code and files to download here
2. Pure CSS3 Forms Set + Validation and Masking with jQuery:
You can create any kind of forms with even high complexity using Pure CSS3 Forms Set and it fulfills many of its needs for forms such as contact form, login form, search form, registration form, checkout form etc. Your forms in website become super user friendly, easy to fill using this powerful validation and masking of your forms. It has following features such as 249 scalable icons, Client-side form validation with lots of options,19 colors for buttons, Inputs masking for creation user friendly forms, More then 30 examples, 3 different form types (columned, vertical, horizontal), Tooltips for all elements, Normal, error, success and disabled states for all elements, Responsive and fixed layouts, Normal, small and large sizes of all elements, radios, Customized selects, checkboxes.
3. jQuery CForms Form Generator:
CForms is a JQuery plugin to display and manage ajax communication, html forms and validation. To send all collected data to an email account, it has a spam secured php script is included. It includes following features such as Send mail copy function, Easiest integration and installation, Complete login form with php scripts and secure (session based) web page example, Six ready to use example forms, AJAX form validation, All HTML elements have unique ids and classes for easy CSS styling and Secure PhP script.
4. Apple-like login form with CSS 3D Transforms and jQuery:
To create an amazing flipping effect on an Apple-inspired form, we will check out how we can use these transforms. We will have two forms such as login and password recovery where only form is visible at a time. Clicking a link, will trigger a CSS3 rotation on the Y axis, then with a flipping effect , it will reveal the other form.