Tag: form

Enhance Required Form Fields with CSS3

A really interesting tutorial that uses CSS3 to make forms more usable…
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

Beautiful CSS3 Search Form

Lately I’ve been playing around with CSS3 and discovered some new CSS tricks. Did you know you can make a round circle with border-radius and create inner shadow effect with box-shadow inset? Check out this beautiful search form demo that I’ve created with CSS gradient, border-radius, and box-shadow. It displays perfect in CSS3 browsers and […]
csshead 0 Comments

CSS text-indent: An Excellent Trick To Style Your HTML Form

You probably know what the text-indent property does in CSS. It’s a common CSS property allowing webmasters to indent paragraphs and hide text for image-based links. Text-indent does this great; however, it doesn’t just hide and indent text. It does more. People mostly use text-indent to hide text like our example above. They often use […]
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

Reinventing a Drop Down with CSS and jQuery

The standard HTML Select element is pretty much annoying. It’s ugly. It can’t be styled properly in Internet Explorer. And it can only contain simple text. This tutorial shows how to replace a dropdown with a custom control using CSS and jQuery…
csshead 0 Comments

Styling the Button Element with CSS Sliding Doors

For those not familiar, form buttons are notoriously difficult to customize because they render differently across browsers and platforms. A few methods for styling buttons are commonly used to make them appear dimensional, uniform, and consistent across browsers, however each has limitations. Here’s a solution using image sprites and a single block of CSS. It […]
csshead 0 Comments
Next Page »