| <p>Test the basics of the pseudo class :valid with the <form> element. This test creates the test DOM with JavaScript.</p> |
| <form style="background-color: green"></form> |
| <!-- Basic input as a descendant. --> |
| <form style="background-color: green"> |
| <!-- Basic input associated. --> |
| <form id="basic_input" style="background-color: green"></form> |
| <input form="basic_input"> |
| <!-- Required input as a descendant. --> |
| <form style="background-color: red"> |
| <!-- Required input associated. --> |
| <form id="required_input" style="background-color: red"></form> |
| <input form="required_input" required> |
| <!-- Valid required input as a descendant. --> |
| <form style="background-color: green"> |
| <input value="WebKit!" required> |
| <!-- Valid required input associated. --> |
| <form id="valid_required_input" style="background-color: green"></form> |
| <input value="WebKit!" form="valid_required_input" required> |