<html>
<head>
    <title>HTML5 Input Types for Text Controls</title>
    <style>
        body {font-size: 60%;}
    </style>
    <script type="text/javascript">
        function test()
        {
            if (!window.testRunner)
                return;
            
            const items = [ "email", "password", "tel", "text" , "url" ];
            
            var result = "";
            var success = true;
            for (i = 0; i < items.length; ++i)
            {
                var expectedTypeName = items[i];
                var actualTypeName = document.getElementById(expectedTypeName).type;
                success = (actualTypeName == expectedTypeName);
                if (!success)
                    result += "Expected: \"" + expectedTypeName + "\" for \"" + actualTypeName + "\"<br>";
            }
            if (success)
                result = "Success.";
                
            document.getElementById('result').innerHTML = result;

            testRunner.dumpAsText();
        }
    </script>
</head>
<body onload="test()">
A<input type="email" id="email">
B<input type="number" id="number">
C<input type="password" id="password">
D<input type="tel" id="tel">
E<input type="text" id="text">
F<input type="url" id="url">
<div id="result">
</body>
</html>