An XHTML and CSS-based Form Template

tom Tom, 23rd August 2007

I've always found it a little tricky to write truly valid forms, yet still keeping the layout looking anything half decent. I guess you can hack it around a bit and float div's left and right, but it somehow always seemed a rather long-winded way to go about things. So I've always just used a table based layout for my forms... I started using the label tag a little while ago, which I believe adds to the accessibility of forms, but apart from that the way I code hasn't changed much over the years... Until now... I've found a great CSS based layout template for forms which claims to be both semantically correct and accessible, it also (I believe) validates to W3 standards, so here's the page that shows you how to make accessible web forms.

More from our blog

18a win Netty 2024 award for Activibees.com

18a win Netty 2024 award for Activibees.com

29.02.24

We are delighted to announce that 18a has been recognised for its outstanding work in the "Web Design Agency of the Year - UK" category at… Read →

Generating an Effective Content Security Policy with your Laravel React App

Generating an Effective Content Security Policy with your Laravel React App

27.02.24

I recently had an interesting problem to solve. I'd built a brand new author website on a shiny installation of Laravel 10, utilising its out-of-the-box… Read →

If your WordPress website looks broken, it could be because of this.

If your WordPress website looks broken, it could be because of this.

15.02.24

WordPress is the incredibly popular blogging-come-full-website platform that powers over 835 million websites* in 2024. It's functionality is extended by plugins, and one such very… Read →