| <html> |
| <body> |
| |
| <h1>Fieldset examples</h1> |
| |
| <h2>Fieldsets take HTML captions</h2> |
| Everything below is confirmed to work in FF 1.5, FF 2.0, IE 6, IE 7, Safari 3.1 |
| |
| <fieldset> |
| <legend><b>Bold</b> is supported</legend> |
| <button>Button</button> |
| </fieldset> |
| |
| <fieldset> |
| <legend><u>Underline</u> is supported</legend> |
| <button>Button</button> |
| </fieldset> |
| |
| <fieldset> |
| <legend><button>Buttons</button> are supported</legend> |
| <button>Button</button> |
| </fieldset> |
| |
| <fieldset> |
| <legend><img src="http://www.google.com/images/logo.gif"> (images are supported)</legend> |
| <button>Button</button> |
| </fieldset> |
| |
| <fieldset> |
| <legend> |
| <table> |
| <tr><td colspan="2">Tables work</td></tr> |
| <tr><td>row 1, col 1</td><td>row 1, col 2</td></tr> |
| <tr><td>row 2, col 1</td><td>row 2, col 2</td></tr> |
| </table> |
| </legend> |
| <button>Button</button> |
| </fieldset> |
| |
| <fieldset> |
| <legend> |
| <span><input id="mycheckbox" type="checkbox"><label for="mycheckbox">GWT-structured checkboxes work</label></span> |
| </legend> |
| <button>Button</button> |
| </fieldset> |
| |
| <h2>Fieldsets without a <legend> element shows no gap</h2> |
| <fieldset> |
| <button>Button</button> |
| </fieldset> |
| |
| <h2>Fieldsets with an empty <legend> element show a gap in some browsers</h2> |
| <fieldset> |
| <legend></legend> |
| <button>Button</button> |
| </fieldset> |
| |
| </body> |
| </html> |
| |
