OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <style> | 2 <style> |
3 input, textarea { | 3 input, textarea { |
4 height: 8px; | 4 height: 8px; |
5 } | 5 } |
6 .placeholder-shown { | 6 .placeholder-shown { |
7 background-color: green; | 7 background-color: green; |
8 } | 8 } |
9 </style> | 9 </style> |
10 <p>This test checks how various input elements are styled when :placeholder-show
n is applied.</p> | 10 <p>This test checks how various input elements are styled when :placeholder-show
n is applied.</p> |
(...skipping 45 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
56 <input type="email" placeholder="Placeholder text" class="placeholder-shown"
> | 56 <input type="email" placeholder="Placeholder text" class="placeholder-shown"
> |
57 <input type="email" placeholder="Placeholder text" value="Foobar"> | 57 <input type="email" placeholder="Placeholder text" value="Foobar"> |
58 </div> | 58 </div> |
59 <div> | 59 <div> |
60 <input type="password"> | 60 <input type="password"> |
61 <input type="password" placeholder> | 61 <input type="password" placeholder> |
62 <input type="password" placeholder="Placeholder text" class="placeholder-sho
wn"> | 62 <input type="password" placeholder="Placeholder text" class="placeholder-sho
wn"> |
63 <input type="password" placeholder="Placeholder text" value="Foobar"> | 63 <input type="password" placeholder="Placeholder text" value="Foobar"> |
64 </div> | 64 </div> |
65 <div> | 65 <div> |
66 <input type="datetime"> | 66 <input type="search"> |
67 <input type="datetime" placeholder> | 67 <input type="search" placeholder> |
68 <input type="datetime" placeholder="Placeholder text" class="placeholder-sho
wn"> | 68 <input type="search" placeholder="Placeholder text" class="placeholder-shown
"> |
69 <input type="datetime" placeholder="Placeholder text" value="Foobar"> | 69 <input type="search" placeholder="Placeholder text" value="Foobar"> |
| 70 </div> |
| 71 <div> |
| 72 <input type="date"> |
| 73 <input type="date" placeholder> |
| 74 <input type="date" placeholder="Placeholder text"> |
| 75 <input type="date" placeholder="Placeholder text" value="Foobar"> |
| 76 </div> |
| 77 <div> |
| 78 <input type="month"> |
| 79 <input type="month" placeholder> |
| 80 <input type="month" placeholder="Placeholder text"> |
| 81 <input type="month" placeholder="Placeholder text" value="Foobar"> |
| 82 </div> |
| 83 <div> |
| 84 <input type="week"> |
| 85 <input type="week" placeholder> |
| 86 <input type="week" placeholder="Placeholder text"> |
| 87 <input type="week" placeholder="Placeholder text" value="Foobar"> |
| 88 </div> |
| 89 <div> |
| 90 <input type="time"> |
| 91 <input type="time" placeholder> |
| 92 <input type="time" placeholder="Placeholder text"> |
| 93 <input type="time" placeholder="Placeholder text" value="Foobar"> |
| 94 </div> |
| 95 <div> |
| 96 <input type="datetime-local"> |
| 97 <input type="datetime-local" placeholder> |
| 98 <input type="datetime-local" placeholder="Placeholder text"> |
| 99 <input type="datetime-local" placeholder="Placeholder text" value="Foobar"> |
70 </div> | 100 </div> |
71 <div> | 101 <div> |
72 <input type="number"> | 102 <input type="number"> |
73 <input type="number" placeholder> | 103 <input type="number" placeholder> |
74 <input type="number" placeholder="Placeholder text" class="placeholder-shown
"> | 104 <input type="number" placeholder="Placeholder text" class="placeholder-shown
"> |
75 <input type="number" placeholder="Placeholder text" value="0"> | 105 <input type="number" placeholder="Placeholder text" value="0"> |
76 </div> | 106 </div> |
77 <div> | 107 <div> |
78 <input type="range"> | 108 <input type="range"> |
79 <input type="range" placeholder> | 109 <input type="range" placeholder> |
80 <input type="range" placeholder="Placeholder text"> | 110 <input type="range" placeholder="Placeholder text"> |
81 <input type="range" placeholder="Placeholder text" value="1"> | 111 <input type="range" placeholder="Placeholder text" value="1"> |
82 </div> | 112 </div> |
83 <div> | 113 <div> |
84 <input type="checkbox"> | 114 <input type="checkbox"> |
85 <input type="checkbox" placeholder> | 115 <input type="checkbox" placeholder> |
86 <input type="checkbox" placeholder="Placeholder text"> | 116 <input type="checkbox" placeholder="Placeholder text"> |
87 <input type="checkbox" placeholder="Placeholder text" value="Foobar"> | 117 <input type="checkbox" placeholder="Placeholder text" value="Foobar"> |
88 </div> | 118 </div> |
89 <div> | 119 <div> |
90 <input type="radio"> | 120 <input type="radio"> |
91 <input type="radio" placeholder> | 121 <input type="radio" placeholder> |
92 <input type="radio" placeholder="Placeholder text"> | 122 <input type="radio" placeholder="Placeholder text"> |
93 <input type="radio" placeholder="Placeholder text" value="Foobar"> | 123 <input type="radio" placeholder="Placeholder text" value="Foobar"> |
94 </div> | 124 </div> |
95 <div> | 125 <div> |
| 126 <input type="file"> |
| 127 <input type="file" placeholder> |
| 128 <input type="file" placeholder="Placeholder text"> |
| 129 <input type="file" placeholder="Placeholder text" value="Foobar"> |
| 130 </div> |
| 131 <div> |
96 <input type="submit"> | 132 <input type="submit"> |
97 <input type="submit" placeholder> | 133 <input type="submit" placeholder> |
98 <input type="submit" placeholder="Placeholder text"> | 134 <input type="submit" placeholder="Placeholder text"> |
99 <input type="submit" placeholder="Placeholder text" value="Foobar"> | 135 <input type="submit" placeholder="Placeholder text" value="Foobar"> |
100 </div> | 136 </div> |
101 <div> | 137 <div> |
| 138 <input type="image"> |
| 139 <input type="image" placeholder> |
| 140 <input type="image" placeholder="Placeholder text"> |
| 141 <input type="image" placeholder="Placeholder text" value="Foobar"> |
| 142 </div> |
| 143 <div> |
| 144 <input type="reset"> |
| 145 <input type="reset" placeholder> |
| 146 <input type="reset" placeholder="Placeholder text"> |
| 147 <input type="reset" placeholder="Placeholder text" value="Foobar"> |
| 148 </div> |
| 149 <div> |
102 <input type="color"> | 150 <input type="color"> |
103 <input type="color" placeholder> | 151 <input type="color" placeholder> |
104 <input type="color" placeholder="Placeholder text"> | 152 <input type="color" placeholder="Placeholder text"> |
105 <input type="color" placeholder="Placeholder text" value="Foobar"> | 153 <input type="color" placeholder="Placeholder text" value="Foobar"> |
106 </div> | 154 </div> |
OLD | NEW |