LayoutTests/fast/html/text-field-input-types.html

   1 <html>
   2 <head>
   3     <title>HTML5 Input Types for Text Controls</title>
   4     <style>
   5         body {font-size: 60%;}
   6     </style>
   7     <script type="text/javascript">
   8         function test()
   9         {
  10             if (!window.layoutTestController)
  11                 return;
  12
  13             const items = [ "email", "password", "tel", "text" , "url" ];
  14
  15             var result = "";
  16             var success = true;
  17             for (i = 0; i < items.length; ++i)
  18             {
  19                 var expectedTypeName = items[i];
  20                 var actualTypeName = document.getElementById(expectedTypeName).type;
  21                 success = (actualTypeName == expectedTypeName);
  22                 if (!success)
  23                     result += "Expected: \"" + expectedTypeName + "\" for \"" + actualTypeName + "\"<br>";
  24             }
  25             if (success)
  26                 result = "Success.";
  27
  28             document.getElementById('result').innerHTML = result;
  29
  30             layoutTestController.dumpAsText();
  31         }
  32     </script>
  33 </head>
  34 <body onload="test()">
  35 A<input type="email" id="email">
  36 B<input type="number" id="number">
  37 C<input type="password" id="password">
  38 D<input type="tel" id="tel">
  39 E<input type="text" id="text">
  40 F<input type="url" id="url">
  41 <div id="result">
  42 </body>
  43 </html>