| <html> |
| <body> |
| <select> |
| <option id="selected-1">selected-1</option> |
| </select> |
| <select> |
| <option id="selected-2">selected-2</option> |
| <option id="unselected-1">unselected-1</option> |
| </select> |
| <select disabled> |
| <option id="unselected-2">unselected-2</option> |
| <option id="selected-3" selected>selected-3</option> |
| <option id="unselected-3">unselected-3</option> |
| </select> |
| <select> |
| <option id="unselected-4" checked>unselected-4</option> |
| <option id="unselected-5">unselected-5</option> |
| <option id="selected-4" selected>selected-4</option> |
| </select> |
| <select> |
| <option id="unselected-6" selected>unselected-6</option> |
| <option id="selected-5">selected-5</option> |
| </select> |
| <script> |
| document.getElementById("selected-5").selected = true; |
| </script> |
| <select multiple> |
| <option id="unselected-7">unselected-7</option> |
| <option id="unselected-8">unselected-8</option> |
| </select> |
| <select multiple> |
| <option id="selected-6" selected>selected-6</option> |
| <option id="unselected-9" selected>unselected-9</option> |
| <option id="selected-7">selected-7</option> |
| </select> |
| <script> |
| document.getElementById("unselected-9").selected = false; |
| document.getElementById("selected-7").selected = true; |
| </script> |
| |
| <h1>Input Checkbox Elements</h1> |
| <input type="checkbox" id="selected-8" />selected-8 |
| <script> |
| document.getElementById("selected-8").checked = true; |
| </script> |
| <input type="checkbox" id="selected-9" checked />selected-9 |
| <script> |
| document.getElementById("selected-9").indeterminate = true; |
| </script> |
| <input type="checkbox" id="unselected-10" />unselected-10 |
| <input type="checkbox" id="unselected-11" checked />unselected-11 |
| <script> |
| document.getElementById("unselected-11").checked = false; |
| </script> |
| <input type="checkbox" id="unselected-12" />unselected-12 |
| <script> |
| document.getElementById("unselected-12").indeterminate = true; |
| </script> |
| <input type="checkbox" id="unselected-13" selected />unselected-13 |
| <input type="checkbox" id="selected-10" checked />selected-10 |
| |
| <h1>Input Radio Elements</h1> |
| <br>Group 1:<br> |
| <input type="radio" name="group1" id="selected-11" checked />selected-11 |
| <br>Group 2:<br> |
| <input type="radio" name="group2" id="selected-12" />selected-12 |
| <script> |
| document.getElementById("selected-12").checked = true; |
| </script> |
| <br>Group 3:<br> |
| <input type="radio" name="group3" id="unselected-14" />unselected-14 |
| <input type="radio" name="group3" id="selected-13" checked />selected-13 |
| <br>Group 4:<br> |
| <input type="radio" name="group4" id="unselected-15" checked />unselected-15 |
| <input type="radio" name="group4" id="selected-14" checked />selected-14 |
| <br>Group 5:<br> |
| <input type="radio" name="group5" id="unselected-16" />unselected-16 |
| <input type="radio" name="group5" id="unselected-17" checked />unselected-17 |
| <script> |
| document.getElementById("unselected-17").checked = false; |
| </script> |
| <br>Group 6<br> |
| <input type="radio" name="group6" id="selected-15" />selected-15 |
| <input type="radio" name="group6" id="unselected-18" checked />unselected-18 |
| <script> |
| document.getElementById("selected-15").checked = true; |
| </script> |
| </body> |
| </html> |