Pines Form Examples

Welcome to the Pines Form example page. This page functions as a reference for Pines' html form design. It also makes a great sample design to use in your own web project. All this code is licensed AGPL, as it is part of the Pines project.

The Pines Form was designed with the goal of providing great flexibility, customizeable design, hack/Javascript-free code, and sensible and valid XHTML1.0/XHTML1.1/CSS. Use the buttons at the bottom of the page to see for yourself that all code on this page is valid.

Without further adieu, the examples:

Example Form 1

This form is an example, and this is a description of it.

This is a test. This is a note about something.

This is also a test. 99 bottles of beer on the wall.

This is a test. 99 bottles of beer. Fill in the .

Is this a test? Take one down.

Is this really a test? Pass it around.

Yes No

Foods

What foods do you like? Hold CTRL to select multiples.

More Tests

Complex Tests

This is a complex test. Not really.

This is a long complex test.

Simple Tests

This is a test. This is a note about something.

What do you think of my tests? I won't actually be reading this, it's just an example.

Example Form 5

This form tests alignment of elements to conserve space on wider screens. Try resizing the browser window.

1. This is a test. This is a note about something.

2. This is a test. This is a note about something.

3. This is a test. This is a note about something. Fill in the .

4. This is a test. This is a note about something.

5. This is a test. This is a note about something.

Yes No

6. This is a test. This is a note about something.

7. This is a test. This is a note about something.

8. This is a test. This is a note about something.

9. This is a test. This is a note about something.

Pines Form Examples

Foods

More Tests

Example Form 4