gecko/layout/html/tests/formctls/base/select_combobox_basics.html

284 lines
7.4 KiB
HTML

<!DOCTYPE html>
<html>
<head>
</head>
<body>
<h1>Combobox Tests</h1>
<form>
<select>
<option>one</option>
<option style="font-size: 2em">two</option>
<option>three</option>
</select>
aaa
<hr>
<select style="direction: rtl">
<option>one</option>
<option style="font-size: 2em">two</option>
<option>three</option>
</select>
<hr>
<select style="width: 100px">
<option>This is a rather long option and all that</option>
</select>
<hr>
<select style="width: 300px">
<option>Short option</option>
</select>
<hr>
<select>
<option style="font-size: 1px">one</option>
</select>
<hr>
<select>
</select>
<hr>
<select accesskey="c">
<option>Accesskey is 'c'</option>
</select>
<hr>
<select id="select8">
<option selected>FAIL 1</option>
<option selected>FAIL 2</option>
<option selected>FAIL 3</option>
<option selected>FAIL 4</option>
<option selected>FAIL 5</option>
<option selected>FAIL 6</option>
<option selected>FAIL 7</option>
<option selected>FAIL 8</option>
<option selected>FAIL 9</option>
<option selected>FAIL 10</option>
<option selected>FAIL 11</option>
<option selected>FAIL 12</option>
<option selected>FAIL 13</option>
<option selected>FAIL 14</option>
<option selected>FAIL 15</option>
<option selected>FAIL 16</option>
<option selected>FAIL 17</option>
<option selected>FAIL 18</option>
<option selected>FAIL 19</option>
<option selected>FAIL 20</option>
<option selected>FAIL 21</option>
<option selected>FAIL 22</option>
<option selected>FAIL 23</option>
<option selected>FAIL 24</option>
<option selected>FAIL 25</option>
<option selected>FAIL 26</option>
<option selected>FAIL 27</option>
<option selected>FAIL 28</option>
<option selected>FAIL 29</option>
<option selected>FAIL 30</option>
<option selected>FAIL 31</option>
<option selected>FAIL 32</option>
<option selected>FAIL 33</option>
<option selected>FAIL 34</option>
<option selected>FAIL 35</option>
<option selected>FAIL 36</option>
<option selected>FAIL 37</option>
<option selected>FAIL 38</option>
<option selected>FAIL 39</option>
<option selected>FAIL 40</option>
<option selected>FAIL 41</option>
<option selected>FAIL 42</option>
<option selected>FAIL 43</option>
<option selected>FAIL 44</option>
<option selected>FAIL 45</option>
<option selected>FAIL 46</option>
<option selected>FAIL 47</option>
<option selected>FAIL 48</option>
<option selected>FAIL 49</option>
<option selected>FAIL 50</option>
<option selected>FAIL 51</option>
<option selected>FAIL 52</option>
<option selected>FAIL 53</option>
<option selected>FAIL 54</option>
<option selected>FAIL 55</option>
<option selected>FAIL 56</option>
<option selected>FAIL 57</option>
<option selected>FAIL 58</option>
<option selected>FAIL 59</option>
<option selected>FAIL 60</option>
<option selected>PASS</option>
</select>
<hr>
<select id="select9">
<option selected>FAIL 1</option>
<option selected>FAIL 2</option>
<option selected>FAIL 3</option>
<option selected>FAIL 4</option>
<option selected>FAIL 5</option>
<option selected>FAIL 6</option>
<option selected>FAIL 7</option>
<option selected>FAIL 8</option>
<option selected>FAIL 9</option>
<option selected>FAIL 10</option>
<option selected>FAIL 11</option>
<option selected>FAIL 12</option>
<option selected>FAIL 13</option>
<option selected>FAIL 14</option>
<option selected>FAIL 15</option>
<option selected>FAIL 16</option>
<option selected>FAIL 17</option>
<option selected>FAIL 18</option>
<option selected>FAIL 19</option>
<option selected>FAIL 20</option>
<option selected>FAIL 21</option>
<option selected>FAIL 22</option>
<option selected>FAIL 23</option>
<option selected>FAIL 24</option>
<option selected>FAIL 25</option>
<option selected>FAIL 26</option>
<option selected>FAIL 27</option>
<option selected>FAIL 28</option>
<option selected>FAIL 29</option>
<option selected>FAIL 30</option>
<option selected>FAIL 31</option>
<option selected>FAIL 32</option>
<option selected>FAIL 33</option>
<option selected>FAIL 34</option>
<option selected>FAIL 35</option>
<option selected>FAIL 36</option>
<option selected>FAIL 37</option>
<option selected>FAIL 38</option>
<option selected>FAIL 39</option>
<option selected>FAIL 40</option>
<option selected>FAIL 41</option>
<option selected>FAIL 42</option>
<option selected>FAIL 43</option>
<option selected>FAIL 44</option>
<option selected>FAIL 45</option>
<option selected>FAIL 46</option>
<option selected>FAIL 47</option>
<option selected>FAIL 48</option>
<option selected>FAIL 49</option>
<option selected>FAIL 50</option>
<option selected>FAIL 51</option>
<option selected>FAIL 52</option>
<option selected>FAIL 53</option>
<option selected>FAIL 54</option>
<option selected>FAIL 55</option>
<option selected>FAIL 56</option>
<option selected>FAIL 57</option>
<option selected>FAIL 58</option>
<option selected>FAIL 59</option>
<option selected>FAIL 60</option>
<option selected>PASS</option>
</select>
<hr>
<select id="select10">
<option selected>PASS</option>
<option selected>FAIL 1</option>
<option selected>FAIL 2</option>
<option selected>FAIL 3</option>
<option selected>FAIL 4</option>
<option selected>FAIL 5</option>
<option selected>FAIL 6</option>
<option selected>FAIL 7</option>
<option selected>FAIL 8</option>
<option selected>FAIL 9</option>
<option selected>FAIL 10</option>
<option selected>FAIL 11</option>
<option selected>FAIL 12</option>
<option selected>FAIL 13</option>
<option selected>FAIL 14</option>
<option selected>FAIL 15</option>
<option selected>FAIL 16</option>
<option selected>FAIL 17</option>
<option selected>FAIL 18</option>
<option selected>FAIL 19</option>
<option selected>FAIL 20</option>
<option selected>FAIL 21</option>
<option selected>FAIL 22</option>
<option selected>FAIL 23</option>
<option selected>FAIL 24</option>
<option selected>FAIL 25</option>
<option selected>FAIL 26</option>
<option selected>FAIL 27</option>
<option selected>FAIL 28</option>
<option selected>FAIL 29</option>
<option selected>FAIL 30</option>
<option selected>FAIL 31</option>
<option selected>FAIL 32</option>
<option selected>FAIL 33</option>
<option selected>FAIL 34</option>
<option selected>FAIL 35</option>
<option selected>FAIL 36</option>
<option selected>FAIL 37</option>
<option selected>FAIL 38</option>
<option selected>FAIL 39</option>
<option selected>FAIL 40</option>
<option selected>FAIL 41</option>
<option selected>FAIL 42</option>
<option selected>FAIL 43</option>
<option selected>FAIL 44</option>
<option selected>FAIL 45</option>
<option selected>FAIL 46</option>
<option selected>FAIL 47</option>
<option selected>FAIL 48</option>
<option selected>FAIL 49</option>
<option selected>FAIL 50</option>
<option selected>FAIL 51</option>
<option selected>FAIL 52</option>
<option selected>FAIL 53</option>
<option selected>FAIL 54</option>
<option selected>FAIL 55</option>
<option selected>FAIL 56</option>
<option selected>FAIL 57</option>
<option selected>FAIL 58</option>
<option selected>FAIL 59</option>
<option selected>FAIL 60</option>
</select>
<hr>
<select style="height: 20px; font-size:40px">
<option>Test</option>
</select>
<hr>
<select style="height: 70px; font-size:40px">
<option>Test</option>
</select>
<script>
var o = document.getElementById("select9").getElementsByTagName('option');
for (i=0; o[i]; ++i) {
o[i].selected='selected';
x = document.body.offsetHeight;
}
</script>
<script>
var o = document.getElementById("select10").getElementsByTagName('option');
for (i=o.length-1; o[i]; --i) {
o[i].selected='selected';
x = document.body.offsetHeight;
}
</script>
</form>
</body>
</html>