您的位置：首页 > Web前端 > HTML5

04. Web大前端时代之：HTML5+CSS3入门系列~HTML5 表单

2016-01-15 23:11 766 查看

Web大前端时代之：HTML5+CSS3入门系列：http://www.cnblogs.com/dunitian/p/5121725.html

一、input[b]新增类型：[/b]

1.tel：输入类型用于应该包含电话号码的输入字段

2.url：用于应该包含 URL 地址的输入字段 - 提交表单时对 url 字段的值自动进行验证

<form action="/test.html" method="post">

url:<input type="url" name="user_url" /><input type="submit" />

</form>

注意：要带ftp:// http:// https:// 等等的前缀头才可以

3.email：用于 e-mail 地址的文本字段

<form action="/test.html" method="post">

email:<input type="email" name="user_email" /><input type="submit" />

</form>

4.number：输入类型用于包含数字值的输入字段 - 可以设置可接受数字的限制

<form action="/test.html" method="post">

number:<input type="number" name="user_number" min="1" max="10" /><input type="submit" />

</form>

5.search：用于搜索字段，比如站内搜索或谷歌搜索等 - 搜索字段的外观与常规的文本字段无异

<input type="search" />