Tag: forms

Forward Thinking Form Validation

Form validation has been a finicky business since the web was born. First came the server-side validation error summary. Then we evolved to client-side validation to verify results inline. Now, we have the marching giant that is HTML5 and CSS3…
csshead 0 Comments

Absolutely Positioned Textareas

A handy technique for absolutely positioning textareas using left, right, top and bottom values to lock inner elements relative to an outer container. This avoids any issues with padding in various browsers…
csshead 0 Comments

Formalize CSS

I want some measure of control over form elements, without changing them so drastically as to appear foreign in a user’s operating system. Thus, my quest to find a happy medium, where browsers would generally agree and let me keep my sanity. The result is what I’m simply referring to as Formalize CSS…
csshead 0 Comments

Create A Clean and Stylish CSS3 Contact Form

Building stylish contact forms typically requires the use of images and maybe some JavaScript to create something that looks professional. However, with CSS3 it’s now much easier to create some nice effects that don’t require the use of any images, yet can still look clean and stylish.In this tutorial we’re going to look at a […]
csshead 0 Comments

Design a Prettier Web Form with CSS 3

Thanks to advanced CSS properties, such as gradients and shadows, it’s now quite easy to turn a dull web form into something beautiful – with minimal effort. I’ll show you how in today’s tutorial…
csshead 0 Comments

RMSforms – A flexible CSS Forms Framework

If you are a Web designer or developer, you know that styling forms with CSS is a huge pain. Not only are browser inconsistencies rampant in form elements, but it is very difficult to get an advanced form to layout correctly, both visually & semantically. To alleviate these issues and to help designers / developers […]
csshead 0 Comments

How To Use Pure CSS To Style Web Form Dynamically

Pure CSS styling of web form can be achieved by changing the border colour or background colour but how about styling a textfield and textarea with a nice round corner background image? Let’s use a contact us form as an example to demonstrate this tutorial. This simple tutorial will show you how you can style […]
csshead 0 Comments

Making Forms Convert Through Awesome Inline Labels

Forms are everywhere on the web – it’s the primary way users can interact with a web-based system. If your site or app uses forms and we’d bet that it does those forms need to be well designed, or users aren't going to follow through. They may not sign up for your service, they may […]
csshead 0 Comments

20+ Resources and Tutorials for Creative Forms using CSS

Forms do not have to be boring and ugly, they too can be beautiful. With the proper understanding of each element (radio buttons, checkboxes, textareas..), CSS know-how, a little patience and some creativity you can make your forms beautiful. Throw in, the always important, semantics and accessibilty and things can get tricky. Here are 20+ […]
csshead 0 Comments

Form style web 2.0 generator

Online tool that allows you to quickly and easily create forms with custom CSS…
csshead 0 Comments