Tutorials Bugs Masterclass Free stuff Test pages Proposals

Core tests

Advanced tests

This test

RichInStyle.com test pages: box model - forms

Margins

Each of these elements should have large margins. Since they are inline blocks, the margins should be visible both horizontally and vertically.
  1. A text box:
  2. A radio button:
  3. A checkbox:
  4. A submit button:
  5. A reset button:
  6. A push button:
  7. A password box:
  8. An upload control:
  9. A hidden control:
  10. A image button:
  11. The second option in the following select should(?) have a 100px margin.
  12. A fieldset A legend in that fieldset
  13. A fieldset A legend in that fieldset

Padding

Each of these elements should have large paddings. Where appropriate, the padding should occur inside the form element.
  1. A text box:
  2. A radio button:
  3. A checkbox:
  4. A submit button:
  5. A reset button:
  6. A push button:
  7. A password box:
  8. An upload control:
  9. A hidden control:
  10. A image button:
  11. The second option in the following select should have 100 pixels of padding.
  12. A fieldset A legend in that fieldset
  13. A fieldset A legend in that fieldset

Borders

Each of these elements should have big borders. They should be red and ridged. In each case, the only border visible should be that specified by the border. As replaced elements they should extend the height of the line box.
  1. A text box:
  2. A radio button:
  3. A checkbox:
  4. A submit button:
  5. A reset button:
  6. A push button:
  7. A password box:
  8. An upload control:
  9. A hidden control:
  10. A image button:
  11. A image button with alt text:
  12. The second option in the following select should have a 100px red ridged border.
  13. A fieldset A legend in that fieldset
  14. A fieldset A legend in that fieldset