1
、url - url 框
element/form/input/url.html
<!doctype html>
<html>
<head>
<title>url</title>
</head>
<body>
<!--
url - url 框,文本框形式
-->
<input type="url" value="http://www.cnblogs.com/" />
<script type="text/javascript">
alert(document.getElementsByTagName("input")[0].value);
</script>
</body>
</html>
2、telephone - 电话框
element/form/input/telephone.html
<!doctype html>
<html>
<head>
<title>telephone</title>
</head>
<body>
<!--
telephone - 电话框,文本框形式
-->
<input type="telephone" value="110" />
<script type="text/javascript">
alert(document.getElementsByTagName("input")[0].value);
</script>
</body>
</html>
3、email - 电子邮件框
element/form/input/email.html
<!doctype html>
<html>
<head>
<title>email</title>
</head>
<body>
<!--
email - 电子邮件框,文本框形式
-->
<input type="email" value="www@abc.com" />
<script type="text/javascript">
alert(document.getElementsByTagName("input")[0].value);
</script>
</body>
</html>