专栏首页逸鹏说道04. Web大前端时代之:HTML5+CSS3入门系列~Input新增类型

04. Web大前端时代之:HTML5+CSS3入门系列~Input新增类型

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

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" />

6.color 定义拾色器。

7.range: 输入类型用于应该包含指定范围值的输入字段 - range 类型显示为滑块

8.日期检出器类型

HTML5拥有多个可供选则日期和时间的新型文本输入框

date: 定义日期字段

接受结果

month: 定义日期字段的月

接受结果

week: 定义日期字段的周

接受结果

time:定义日期字段的时、分、秒

接受结果

datetime:定义日期字段

datetime-local: 定义日期字段

接受结果

大纲图:

附录:

火狐表现:

IE表现:

谷歌表现:

本文分享自微信公众号 - 我为Net狂(dotNetCrazy),作者:毒逆天

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2016-01-13

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 在ASP.NET 5中使用SignalR

    题记:SignalR作为ASP.NET中进行Web实时双向通信的组件,在ASP.NET 5中也得到了同步发展。不过,用法和之前还是在细节上有所不同,而资料又相对...

    逸鹏
  • .NET跨平台之旅:将示例站点从 ASP.NET 5 RC1 升级至 ASP.NET Core 1.0

    终于将“.NET跨平台之旅”的示例站点 about.cnblogs.com 从 ASP.NET 5 RC1 升级至 ASP.NET Core 1.0 ,经历了不...

    逸鹏
  • AutoMapper 使用实践

    一. 使用意图 常常在开发过程中,碰到一个实体上的属性值,要赋值给另外一个相类似实体属性时,且属性有很多的情况。一般不利用工具的话,就要实例化...

    逸鹏
  • Android 进阶7:进程通信之 AIDL 的使用

    记得 2015 年实习面试,笔试题里就有这道题:请介绍下 AIDL。 当时的我是懵逼的,只好老老实实空着。没想到后来面试时面试官大哥嘿嘿一笑说他也没用过这玩意,...

    张拭心 shixinzhang
  • MIT和谷歌共同开发小型传感器,能与纽扣结合,轻点旋转都可使用

    MIT媒体实验室和谷歌共同开发出SensorSnaps,小型无线传感器能够和衣服安装在一起。

    大数据文摘
  • leetcode多线程之按序打印

    这里是固定要按first先执行,而后second,再third方法,这里使用了CountDownLatch,比起object的wait notify之类用起来简...

    codecraft
  • leetcode多线程之按序打印

    这里是固定要按first先执行,而后second,再third方法,这里使用了CountDownLatch,比起object的wait notify之类用起来简...

    codecraft
  • 使用FalcoSideKick扩展Falco的输出

    默认情况下,Falco的事件有5个输出:stdout、file、GRPC、shell和http。如下图所示:

    CNCF
  • Asp.Net Core SignalR 与微信小程序交互笔记

    Asp.Net Core SignalR 是微软开发的一套基于Asp.Net Core的与Web进行实时交互的类库,它使我们的应用能够实时的把数据推送给Web客...

    脑洞的蜂蜜
  • 现代JavaScript函数库 usuallyjs 的安装和使用

    usuallyjs 是一个面向现代 Web 开发的 JavaScript 实用函数库。

    用户6167509

扫码关注云+社区

领取腾讯云代金券