Today I'm working on the online enquiry form for my website.
I have created a basic form structure, with help from W3Schools. Now I'm trying to make it look pretty, hence scouring the web for examples to borrow.
Here's an article from CSS Tricks discussing where best to put your field title. For example, top aligned labels have the best completion rates and are easiest for users to process.
http://css-tricks.com/label-placement-on-forms/
This article from Sitepoint talks about accessible form markup, and how to label form elements so people using screenreaders can make a connection between the form label and it's text label.
http://articles.sitepoint.com/article/fancy-form-design-css
And here's a site called HTML Ipsum, which provides sample Lorem Ipsum, already marked up in HTML tags, and yes there a form text example.
http://html-ipsum.com/
References:
Coyier, C. (2008), Label Placement on Forms, CSS Tricks, http://css-tricks.com/label-placement-on-forms/, [viewed 20 October 2009].
Adams, C. (2008), Fancy form design using CSS, Sitepoint, http://articles.sitepoint.com/article/fancy-form-design-css, [viewed 20 October 2009].
HTML Ipsum, http://html-ipsum.com/
No comments:
Post a Comment