44 lines
1.3 KiB
HTML
44 lines
1.3 KiB
HTML
<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>
|