third_party/WebKit/LayoutTests/fast/css/placeholder-shown-basics-expected.html

   1 <!DOCTYPE html>
   2 <style>
   3     input, textarea {
   4         height: 8px;
   5     }
   6     .placeholder-shown {
   7         background-color: green;
   8     }
   9 </style>
  10 <p>This test checks how various input elements are styled when :placeholder-shown is applied.</p>
  11 <div>
  12     <textarea></textarea>
  13     <textarea placeholder></textarea>
  14     <textarea placeholder="Placeholder text" class="placeholder-shown"></textarea>
  15     <textarea placeholder="Placeholder text">Foobar</textarea>
  16 </div>
  17 <div>
  18     <input>
  19     <input placeholder>
  20     <input placeholder="Placeholder text" class="placeholder-shown">
  21     <input placeholder="Placeholder text" value="Foobar">
  22 </div>
  23 <div>
  24     <input type="">
  25     <input type="" placeholder>
  26     <input type="" placeholder="Placeholder text" class="placeholder-shown">
  27     <input type="" placeholder="Placeholder text" value="Foobar">
  28 </div>
  29 <div>
  30     <input type="hidden">
  31     <input type="hidden" placeholder>
  32     <input type="hidden" placeholder="Placeholder text" class="placeholder-shown">
  33     <input type="hidden" placeholder="Placeholder text" value="Foobar">
  34 </div>
  35 <div>
  36     <input type="text">
  37     <input type="text" placeholder>
  38     <input type="text" placeholder="Placeholder text" class="placeholder-shown">
  39     <input type="text" placeholder="Placeholder text" value="Foobar">
  40 </div>
  41 <div>
  42     <input type="tel">
  43     <input type="tel" placeholder>
  44     <input type="tel" placeholder="Placeholder text" class="placeholder-shown">
  45     <input type="tel" placeholder="Placeholder text" value="Foobar">
  46 </div>
  47 <div>
  48     <input type="url">
  49     <input type="url" placeholder>
  50     <input type="url" placeholder="Placeholder text" class="placeholder-shown">
  51     <input type="url" placeholder="Placeholder text" value="Foobar">
  52 </div>
  53 <div>
  54     <input type="email">
  55     <input type="email" placeholder>
  56     <input type="email" placeholder="Placeholder text" class="placeholder-shown">
  57     <input type="email" placeholder="Placeholder text" value="Foobar">
  58 </div>
  59 <div>
  60     <input type="password">
  61     <input type="password" placeholder>
  62     <input type="password" placeholder="Placeholder text" class="placeholder-shown">
  63     <input type="password" placeholder="Placeholder text" value="Foobar">
  64 </div>
  65 <div>
  66     <input type="search">
  67     <input type="search" placeholder>
  68     <input type="search" placeholder="Placeholder text" class="placeholder-shown">
  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">
 100 </div>
 101 <div>
 102     <input type="number">
 103     <input type="number" placeholder>
 104     <input type="number" placeholder="Placeholder text" class="placeholder-shown">
 105     <input type="number" placeholder="Placeholder text" value="0">
 106 </div>
 107 <div>
 108     <input type="range">
 109     <input type="range" placeholder>
 110     <input type="range" placeholder="Placeholder text">
 111     <input type="range" placeholder="Placeholder text" value="1">
 112 </div>
 113 <div>
 114     <input type="checkbox">
 115     <input type="checkbox" placeholder>
 116     <input type="checkbox" placeholder="Placeholder text">
 117     <input type="checkbox" placeholder="Placeholder text" value="Foobar">
 118 </div>
 119 <div>
 120     <input type="radio">
 121     <input type="radio" placeholder>
 122     <input type="radio" placeholder="Placeholder text">
 123     <input type="radio" placeholder="Placeholder text" value="Foobar">
 124 </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>
 132     <input type="submit">
 133     <input type="submit" placeholder>
 134     <input type="submit" placeholder="Placeholder text">
 135     <input type="submit" placeholder="Placeholder text" value="Foobar">
 136 </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>
 150     <input type="color">
 151     <input type="color" placeholder>
 152     <input type="color" placeholder="Placeholder text">
 153     <input type="color" placeholder="Placeholder text" value="Foobar">
 154 </div>