站长百科 | 数字化技能提升教程 数字化时代生存宝典
首页
数字化百科
电子书
建站程序
开发
服务器
办公软件
开发教程
服务器教程
软件使用教程
运营教程
热门电子书
WordPress教程
宝塔面板教程
CSS教程
Shopify教程
导航
程序频道
推广频道
网赚频道
人物频道
网站程序
网页制作
云计算
服务器
CMS
论坛
网店
虚拟主机
cPanel
网址导航
WIKI使用导航
WIKI首页
最新资讯
网站程序
站长人物
页面分类
使用帮助
编辑测试
创建条目
网站地图
站长百科导航
站长百科
主机侦探
IDCtalk云说
跨境电商导航
WordPress啦
站长专题
网站推广
网站程序
网站赚钱
虚拟主机
cPanel
网址导航专题
云计算
微博营销
虚拟主机管理系统
开放平台
WIKI程序与应用
美国十大主机
编辑“
HTML5/HTML5输入类型
”
人物百科
|
营销百科
|
网赚百科
|
站长工具
|
网站程序
|
域名主机
|
互联网公司
|
分类索引
跳转至:
导航
、
搜索
警告:
您没有登录。如果您做出任意编辑,您的IP地址将会公开可见。如果您
登录
或
创建
一个账户,您的编辑将归属于您的用户名,且将享受其他好处。
反垃圾检查。
不要
加入这个!
{{HTML5 top}} [[HTML5]] 拥有多个新的表单输入类型。这些新特性提供了更好的输入控制和验证。 本条目全面介绍这些新的输入类型: *[[email]] *[[url]] *number *range *Date pickers (date, month, week, time, datetime, datetime-local) *search ==浏览器支持== [[Image:Html5 input 1.jpg]] 注释:[[Opera]]对新的输入类型的支持最好。不过您已经可以在所有主流的[[浏览器]]中使用它们了。即使不被支持,仍然可以显示为常规的文本域。 ==Input类型-email== email 类型用于应该包含 e-mail 地址的输入域。在提交表单时,会自动验证 email 域的值。 实例: E-mail: <input type="email" name="user_email" /> ==Input 类型-url== url 类型用于应该包含 URL 地址的输入域。在提交表单时,会自动验证 url 域的值。 实例: Homepage: <input type="url" name="user_url" /> ==Input 类型-number== number 类型用于应该包含数值的输入域。您还能够设定对所接受的数字的限定: 实例: Points: <input type="number" name="points" min="1" max="10" /> 请使用下面的属性来规定对数字类型的限定: [[Image:Html5 input 2.jpg]] ==Input类型-range== range 类型用于应该包含一定范围内数字值的输入域。range 类型显示为滑动条。您还能够设定对所接受的数字的限定: 实例: <input type="range" name="points" min="1" max="10" /> 请使用下面的属性来规定对数字类型的限定: [[Image:Html5 input 3.jpg]] ==Input 类型-Date Pickers(数据检出器)== [[HTML5]] 拥有多个可供选取日期和时间的新输入类型: *date - 选取日、月、年 *month - 选取月、年 *week - 选取周和年 *time - 选取时间(小时和分钟) *datetime - 选取时间、日、月、年(UTC 时间) *datetime-local - 选取时间、日、月、年(本地时间) 下面的例子允许您从日历中选取一个日期: Date: <input type="date" name="user_date" /> ==Input类型-search== search 类型用于搜索域,比如站点搜索或 [[Google]] 搜索。 search 域显示为常规的文本域。 ==参考来源== http://www.w3school.com.cn/html5/html_5_form_input_types.asp {{HTML5}} [[category:HTML5|H]]
摘要:
请注意,您对站长百科的所有贡献都可能被其他贡献者编辑,修改或删除。如果您不希望您的文字被任意修改和再散布,请不要提交。
您同时也要向我们保证您所提交的内容是您自己所作,或得自一个不受版权保护或相似自由的来源(参阅
Wordpress-mediawiki:版权
的细节)。
未经许可,请勿提交受版权保护的作品!
取消
编辑帮助
(在新窗口中打开)
本页使用的模板:
模板:HTML5
(
编辑
)
模板:HTML5 top
(
编辑
)