Chromium Code Reviews Chromium Code Reviews
Issue 1280423002:
CSS4: Implement :placeholder-shown pseudo class (Closed)
Base URL: https://chromium.googlesource.com/chromium/blink.git@master| Index: LayoutTests/fast/css/placeholder-shown-basics.html |
| diff --git a/LayoutTests/fast/css/placeholder-shown-basics.html b/LayoutTests/fast/css/placeholder-shown-basics.html |
| new file mode 100644 |
| index 0000000000000000000000000000000000000000..4adc3e176113177642cfe04d30b6196b0a2dbf6e |
| --- /dev/null |
| +++ b/LayoutTests/fast/css/placeholder-shown-basics.html |
| @@ -0,0 +1,107 @@ |
| +<!DOCTYPE html> |
| +<style> |
| + input, textarea { |
| + height: 8px; |
| + } |
| + :placeholder-shown { |
| + background-color: green; |
| + } |
| +</style> |
| +<p>This test checks how various input elements are styled when :placeholder-shown is applied.</p> |
| +<div> |
| + <textarea></textarea> |
| + <textarea placeholder></textarea> |
| + <textarea placeholder="Placeholder text"></textarea> |
| + <textarea placeholder="Placeholder text">Foobar</textarea> |
| +</div> |
| +<div> |
| + <input> |
| + <input placeholder> |
| + <input placeholder="Placeholder text"> |
| + <input placeholder="Placeholder text" value="Foobar"> |
| +</div> |
| +<div> |
| + <input type=""> |
| + <input type="" placeholder> |
| + <input type="" placeholder="Placeholder text"> |
| + <input type="" placeholder="Placeholder text" value="Foobar"> |
| +</div> |
| +<div> |
| + <input type="hidden"> |
| + <input type="hidden" placeholder> |
| + <input type="hidden" placeholder="Placeholder text"> |
| + <input type="hidden" placeholder="Placeholder text" value="Foobar"> |
| +</div> |
| +<div> |
| + <input type="text"> |
| + <input type="text" placeholder> |
| + <input type="text" placeholder="Placeholder text"> |
| + <input type="text" placeholder="Placeholder text" value="Foobar"> |
| +</div> |
| +<div> |
| + <input type="tel"> |
| + <input type="tel" placeholder> |
| + <input type="tel" placeholder="Placeholder text"> |
| + <input type="tel" placeholder="Placeholder text" value="Foobar"> |
| +</div> |
| +<div> |
| + <input type="url"> |
| + <input type="url" placeholder> |
| + <input type="url" placeholder="Placeholder text"> |
| + <input type="url" placeholder="Placeholder text" value="Foobar"> |
| +</div> |
| +<div> |
| + <input type="email"> |
| + <input type="email" placeholder> |
| + <input type="email" placeholder="Placeholder text"> |
| + <input type="email" placeholder="Placeholder text" value="Foobar"> |
| +</div> |
| +<div> |
| + <input type="password"> |
| + <input type="password" placeholder> |
| + <input type="password" placeholder="Placeholder text"> |
| + <input type="password" placeholder="Placeholder text" value="Foobar"> |
| +</div> |
| +<div> |
| + <input type="datetime"> |
|
tkent
2015/09/08 03:12:04
It's very strange that type=datetime, which Blink
ramya.v
2015/09/08 03:58:29
Incorporated the changes in https://codereview.chr
|
| + <input type="datetime" placeholder> |
| + <input type="datetime" placeholder="Placeholder text"> |
| + <input type="datetime" placeholder="Placeholder text" value="Foobar"> |
| +</div> |
| +<div> |
| + <input type="number"> |
| + <input type="number" placeholder> |
| + <input type="number" placeholder="Placeholder text"> |
| + <input type="number" placeholder="Placeholder text" value="0"> |
| +</div> |
| +<div> |
| + <input type="range"> |
| + <input type="range" placeholder> |
| + <input type="range" placeholder="Placeholder text"> |
| + <input type="range" placeholder="Placeholder text" value="1"> |
| +</div> |
| +<div> |
| + <input type="checkbox"> |
| + <input type="checkbox" placeholder> |
| + <input type="checkbox" placeholder="Placeholder text"> |
| + <input type="checkbox" placeholder="Placeholder text" value="Foobar"> |
| +</div> |
| +<div> |
| + <input type="radio"> |
| + <input type="radio" placeholder> |
| + <input type="radio" placeholder="Placeholder text"> |
| + <input type="radio" placeholder="Placeholder text" value="Foobar"> |
| +</div> |
| +<div> |
| + <input type="submit"> |
| + <input type="submit" placeholder> |
| + <input type="submit" placeholder="Placeholder text"> |
| + <input type="submit" placeholder="Placeholder text" value="Foobar"> |
| +</div> |
| +<div> |
| + <input type="color"> |
| + <input type="color" placeholder> |
| + <input type="color" placeholder="Placeholder text"> |
| + <input type="color" placeholder="Placeholder text" value="Foobar"> |
| +</div> |
| + |
