| <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN"> |
| <html> |
| <head> |
| <script src="../../../resources/js-test-pre.js"></script> |
| </head> |
| <body> |
| <p id="description"></p> |
| <div id="console"></div> |
| |
| <div style="display:none"> |
| <!-- No list attribute --> |
| <input type="text" id="i1"> |
| <!-- Empty list --> |
| <input type="text" id="i2" list=""> |
| <!-- Non-existent ID --> |
| <input type="text" id="i3" list="nonexist"> |
| <!-- ID confilict --> |
| <input type="text" id="i4" list="dl2"> |
| <!-- supported type --> |
| <input type="text" id="text" list="dl1"> |
| <input type="search" id="search" list="dl1"> |
| <input type="url" id="url" list="dl1"> |
| <input type="telephone" id="telephone" list="dl1"> |
| <input type="email" id="email" list="dl1"> |
| <input type="datetime" id="datetime" list="dl1"> |
| <input type="date" id="date" list="dl1"> |
| <input type="month" id="month" list="dl1"> |
| <input type="week" id="week" list="dl1"> |
| <input type="time" id="time" list="dl1"> |
| <input type="datetime-local" id="datetime-local" list="dl1"> |
| <input type="number" id="number" list="dl1"> |
| <input type="range" id="range" list="dl1"> |
| <input type="color" id="color" list="dl1"> |
| <!-- Unsupported type --> |
| <input type="hidden" id="hidden" list="dl1"> |
| <input type="password" id="password" list="dl1"> |
| <input type="checkbox" id="checkbox" list="dl1"> |
| <input type="radio" id="radio" list="dl1"> |
| <input type="file" id="file" list="dl1"> |
| <input type="submit" id="submit" list="dl1"> |
| <input type="image" id="image" list="dl1"> |
| <input type="reset" id="reset" list="dl1"> |
| <input type="button" id="button" list="dl1"> |
| </div> |
| |
| <datalist id="dl1"> |
| <option>value1</option> |
| </datalist> |
| |
| <datalist id="dl2" class="former"> |
| <option>value1</option> |
| </datalist> |
| <datalist id="dl2" class="latter"> |
| <option>value1</option> |
| </datalist> |
| |
| <script> |
| description('Test for the list attribute.'); |
| |
| var input = document.getElementById('i1'); |
| shouldBeNull('input.list'); |
| |
| input = document.getElementById('i2'); |
| shouldBeNull('input.list'); |
| |
| input = document.getElementById('i3'); |
| shouldBeNull('input.list'); |
| |
| var datalist = document.getElementById('i4').list; |
| shouldBe('datalist.className', '"former"'); |
| |
| shouldBe('document.getElementById("text").list', 'document.getElementById("dl1")'); |
| shouldBe('document.getElementById("search").list', 'document.getElementById("dl1")'); |
| shouldBe('document.getElementById("url").list', 'document.getElementById("dl1")'); |
| shouldBe('document.getElementById("telephone").list', 'document.getElementById("dl1")'); |
| shouldBe('document.getElementById("email").list', 'document.getElementById("dl1")'); |
| shouldBe('document.getElementById("datetime").list', 'document.getElementById("dl1")'); |
| shouldBe('document.getElementById("date").list', 'document.getElementById("dl1")'); |
| shouldBe('document.getElementById("month").list', 'document.getElementById("dl1")'); |
| shouldBe('document.getElementById("week").list', 'document.getElementById("dl1")'); |
| shouldBe('document.getElementById("time").list', 'document.getElementById("dl1")'); |
| shouldBe('document.getElementById("datetime-local").list', 'document.getElementById("dl1")'); |
| shouldBe('document.getElementById("number").list', 'document.getElementById("dl1")'); |
| shouldBe('document.getElementById("range").list', 'document.getElementById("dl1")'); |
| shouldBe('document.getElementById("color").list', 'document.getElementById("dl1")'); |
| |
| shouldBeNull('document.getElementById("hidden").list'); |
| shouldBeNull('document.getElementById("password").list'); |
| shouldBeNull('document.getElementById("checkbox").list'); |
| shouldBeNull('document.getElementById("radio").list'); |
| shouldBeNull('document.getElementById("file").list'); |
| shouldBeNull('document.getElementById("submit").list'); |
| shouldBeNull('document.getElementById("image").list'); |
| shouldBeNull('document.getElementById("reset").list'); |
| shouldBeNull('document.getElementById("button").list'); |
| |
| </script> |
| <script src="../../../resources/js-test-post.js"></script> |
| </body> |
| </html> |
