Responsive Multi-Column Form
A responsive multi-column form with example media queries for a flexible layout. ... read more
form
Natural Language Form with Custom Input Elements
An experimental form that uses natural language instead of the usual form display. Values are entered using custom input elements. ... read more
Custom Login Form Styling
In this tutorial we will create some modern and creative login forms using some interesting CSS techniques and HTML5 goodness. ... read more
Designing the Dreaded Form: Getting Creative
In this follow-up article about designing forms we'll dig into how to actually become creative and apply some interesting design concepts to spice up your form. ... read more
Designing the Dreaded Form
As much as they are dreaded, forms play an important role in many websites and designing them should involve careful planning of their layout. ... read more
Enhance Required Form Fields with CSS3
Enhance required fields in a form with this little effect. The idea is to allow better visibility for obligatory fields while de-emphasizing optional ones. ... read more
Login and Registration Form with HTML5 and CSS3
By Stéphanie Walter 45 Comments
A tutorial on how to create a switching login and registration form with HTML5 and CSS3. ... read more
Collective: Multi-Step Signup Form With CSS3 and jQuery
In this tutorial we will see how to create a simple multi-step signup form using CSS3 and jQuery. To spice up things a bit, we will include progress bar with the for ... read more
Animated Form Switching with jQuery
In this tutorial we will create a simple animated form switch with three very common forms. The idea is not to leave the page when the user ... read more
Collective: Form cloning jQuery plugin
SheepIt is a jQuery plugin that allows you to clone form elements dynamically. It is very useful to develop advanced forms that require the same type of load data mu ... read more
Fancy Sliding Form with jQuery
Today we are going to create a fancy sliding form that shows some validation feedback to the user after each step. This form saves a lot of ... read more
Collective: Create jQuery Form with Progress bar and Input Limiter
Simple jQuery progress bar on form to show characters length with input limiter functionality. Demo available with downloads. Source http://www.99points.info/2010/04 ... read more
Styling Forms with CSS: Sophisticated Registration Form
Here is a pretty complete registration form, nicely juiced up with some neat CSS. Here you can see a DEMO Download the ZIP file from here: CSS Registration ZIP Enjoy ... read more
42 Famous Login and Registration Forms
Today, I want to showcase some of the most famous login and registration forms on the web. As a web developer you might be interested in having a compact overview of ... read more
CSS3 big style fieldset registration form
Experimenting with CSS3, I created a big style registration form with rounded borders and shadow effects. The only image used is not the button, but the pen that ser ... read more
Cool CSS-only registration form
Here is a very simple and cool registration form. A lot of times I was searching for some registration or login form that is easy to adapt. Here comes my contributio ... read more