mirror of
https://github.com/classilla/tenfourfox.git
synced 2026-03-13 20:17:00 +00:00
90 lines
3.1 KiB
HTML
90 lines
3.1 KiB
HTML
<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>
|