Web Design Elements : Forms

Web Design Elements Series : Over the coming weeks we are going to be looking at the various parts that make up a website and providing tutorials, resources and examples. In this first part we are going to take a look at forms.

---

Nice Forms – There comes a time when you just need to style web forms so they look different :

---

Web Application Form Design – Quite rare is the Web application that doesn’t make extensive use of forms for data input and configuration. But not all Web applications use forms consistently.

---

10 Tips to a better Form -The most monotonous entities in the known universe, forms, are a staple of every web programmer’s balanced diet.

---

Prettier Accessible Forms – It can be time consuming to make web forms both pretty and accessible. In particular, laying out forms where the form label and input are horizontally adjacent, as in the image below, can be a real problem.

---

Applying CSS to forms – Forms are an essential part of interaction on the Internet but they can look rather drab. With CSS we can position form items so they all line up nicely and add a bit of color to jazz them up.

---

Form Assembly – Web Based form application

---

Wufoo – Another web app for making and hosting forms

---

Icebrrg – Icebrrg makes forms. What kind of forms? Just about any kind you can imagine.

---

Adam’s Radio & Checkbox Customisation Method

---

CSS Styling of Forms - Various styles to use on your forms

---

Fun with forms customized input elements

---

Free Form for All – having heard with near unanimity the general frustration that people feel about forms, I thought I’d do the civic thing and release a genericized version of my work  and let others freely borrow, steal and/or adapt it for their own needs.

---

Check it, don’t select it – The biggest problem with multiple-select boxes is that selecting multiple options is a pain, especially if there are enough to create a scrollbar within the box.

---

Accessify – Form Builder

---