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

By
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

By
CSS / JavaScript

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

25+ Best Free Serif Fonts for Creatives

25+ Best Free Serif Fonts for Creatives

By
Fonts

A collection of the best free serif fonts currently available. Typefaces that beautifully combine aesthetics, functionality, and readability.

8 CSS Snippets for Creating Toggle Switches

8 CSS Snippets for Creating Toggle Switches

By
CSS / UI Design

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

By
WordPress

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

By
CSS

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

By
CSS

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

By
CSS / JavaScript

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

By
CSS

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

By
JavaScript

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

By
JavaScript

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

By
UX Design / Web Design
123