Visual styling using Ojay.Forms

In this example, we demonstrate how Ojay’s Forms module can be used to style form elements in such a way that does not alter the HTML structure of the form, and that encourages use of label tags for accessibility. The form can still be serialized at any point without altering its structure and developers can still interact with the form programmatically with minor alterations to regular DOM code.

The form elements are fully keyboard-accessible and are designed to behave as closely as possible to their default HTML counterparts.

JavaScript source code

Stylesheet