Forms archive

Articles on how to create accessible, cross-browser compatible forms.

Buttons – forgotten and immobile

Last year, Nick Cowie created a podcast on the <button> and how it is the “forgotten element”. Well, it seems that it is not only developers who have forgotten about it, but browser makers, or more specifically those making browsers for handheld devices, and the Open Mobile Alliance (OMA) (authors of the XHTML-MP specification) who have forgotten about it as well.

More on Buttons – forgotten and immobile

Legends of style

UPDATE: following on from comments by Thierry Koblenz, I have written an update to this article. The techniques described below will still work in different browsers, but the new article explains how it can be achieved with a little less mark-up.

It’s a well-established fact that achieving cross browser consistency when styling form controls is an “exercise in futility”. And one of those elements that just won’t play ball is the <legend> tag.

More on Legends of style

Styling form buttons

Anyone who’s used the web has encountered buttons in forms. Buttons, as with most form controls, can be a bit tricky to style for consistent look cross browser and cross platform as the operating system often has more to do with how they are rendered than the browser itself. Roger Johansson has delved into this issue in more detail.

More on Styling form buttons