Close

Not a member yet? Register now and get started.

lock and key

Sign in to your account.

Account Login

Forgot your password?

Master CSS Form and Search Techniques

Master CSS Form and Search Techniques

Creating user-friendly forms, login screen, and search boxes is an important bit of design. Whether you just want to make your forms a bit more aesthetically pleasing or if you want to increase usability by changing the appearance of standard forms, the resources below can help.

Create Custom Search Bars with Image Replacement using CSS
The incorporation of custom elements, like search boxes, can set your website apart from its competitors. This tutorial covers how to add a custom search bar to your site, though it’s not cross-browser compatible.

Create Custom Search Bars with Image Replacement using CSS

Fancy Form Design Using CSS
This article covers form styling with CSS.

Fancy Form Design Using CSS

Designing The Search Submit Button – A CSS Cross-Browser Compatible Solution
Learn how to create a custom image like a magnifying glass, or the word ‘GO’ in a circle, instead of the default search submit button.

Search box

Making Forms Convert Through Awesome Inline Labels
This tutorial shows how to increase form follow-through by using better inline labels.

 Making Forms Convert Through Awesome Inline Labels

CSSG Collections: Web Forms
This is a collection of uniquely designed web forms available to use for free.

CSSG Collections: Web Forms

45+ Really Essential Free HTML [Form] Enhancements
This collection of free form enhancements covers a number of CSS techniques.

minimal form layout/quick css tricks
This post gives some quick CSS tricks for minimalist form layout and design.

minimal form layout/quick css tricks

 


Leave a comment