Topic Archives

HTML Forms

Design forms that improve user experience. Techniques and examples for creating effective web forms.

View all web design content

8 Password Field Forms Built with CSS & JavaScript

8 Password Field Forms Built with CSS & JavaScript

A combination of aesthetically pleasing and functional CSS & JS snippets that range from simple password fields to password generation utilities.

8 CSS & JavaScript Snippets for Making the Search Field Sexy

8 CSS & JavaScript Snippets for Making the Search Field Sexy

From simple CSS enhancements all the way to JavaScript-infused UIs, this collection of snippets will take the humble search field up a notch.

8 CSS Snippets for Creating Toggle Switches

8 CSS Snippets for Creating Toggle Switches

We highlight some inspiring examples of how web designers are bringing excitement to toggle switches with CSS, while still maintaining their functionality.

8 Best Add-Ons for the Gravity Forms WordPress Plugin

8 Best Add-Ons for the Gravity Forms WordPress Plugin

We share some free and commercially available plugins that can help to turn Gravity Forms (and your website) into a feature-packed powerhouse.

8 CSS Snippets for Styling HTML Checkboxes & Radio Buttons

8 CSS Snippets for Styling HTML Checkboxes & Radio Buttons

We share eight unique CSS snippets that demonstrate what HTML checkboxes and radio buttons are truly capable of achieving.

CSS Snippets for Creating Responsive HTML Tables

CSS Snippets for Creating Responsive HTML Tables

There are techniques we can use to make HTML tables more mobile-friendly. We explore a few approaches you can take to make data accessible on all screens.

10 CSS & JavaScript Snippets for Advanced Image Hover Effects

10 CSS & JavaScript Snippets for Advanced Image Hover Effects

We show you some truly creative CSS snippets that you can use to integrate image hover effects into the UI of your own websites.

10 CSS Snippets for Creating Responsive Pricing Tables

10 CSS Snippets for Creating Responsive Pricing Tables

A collection of snippets for creating responsive pricing tables. You can further customize the CSS or reuse the code as a template.

15 Form Validation jQuery Plugins & Libraries

15 Form Validation jQuery Plugins & Libraries

We have a selection of form validation jQuery plugins and libraries that will make your life a lot easier while building HTML forms.

10 Free Open-Source Date Picker JavaScript Plugins

10 Free Open-Source Date Picker JavaScript Plugins

Vanilla JavaScript plugins, jQuery plugins, and even extensions for Bootstrap for adding date pickers to your HTML forms.

Ten Steps to Intuitive Forms in Web Design

Ten Steps to Intuitive Forms in Web Design

HTML Forms that are easy to complete create increased time spent on your webpage and ultimately drive more customers to your product or service.

10 JavaScript & CSS Frameworks for Enhancing HTML Forms

10 JavaScript & CSS Frameworks for Enhancing HTML Forms