使用html5的一些高级的input属性

在我们之前学习html的时候,我们都知道,要对input提交的数据进行客户端的验证,经常使用的就是email的验证–一般都是通过js的正则表达式来判断,时间的话,我们也是通过字符的组合来完成一个日期的存储,也就是选择时分秒的实行,在url地址,我们通常都是先给一个默认的http://的头,让用户输入剩下的信息,在存入数据库的时候,我们也是需要使用正则表达式来判断用户输入的信息是不是符合我们的要求!~

呵呵,现在好了,我们通过html5里面新增加的一个input属性来控制这些的操作,减少不少的js代码,这对于不喜欢js的孩子来说是一件幸福的事!~

输入代码:

——————————————————————————————————–

<!DOCTYPE HTML>
<html>
<head>
<title>使用html5的一些高级的input属性</title>
<meta charset=”UTF-8″>
</head>

<body>
<center>
<form action=”#”>
输入日期:<input type=”date” name=”date”/><br/>
输入email:<input type=”email” name=”email”/><br/>
输入url:<input type=”url” name=”url”><br/>
输入时间:<input type=”time” name=”time”><br/>
<input type=”submit” value=”提交”/><br/>
</form>
<center>
</body>
</html>

————————————————————————————————————-

效果截图:

 

演示地址:

共有 0 条评论

Top