HTML5 input新增的几种类型

2019-09-08 郑州网站建设  

下面是这几种新型input类型的实例演示,可能在不同的浏览器上它们的样式会稍微有些变化,但基本的功能都是一样的。

html5中的新型input类型 数字型 type=”number” <input type="number">

效果:

日期型 type=”date” <input type="date">

效果:

色彩选择器 type=”color” <input type="color">

效果:

范围 type=”range” <input type="range">

效果:

需要注意的是,如果你使用的是google浏览器或Opera浏览器,当你点击日期类型的输入框时,会弹出日历,让你选择日期,但如果你使用的是火狐浏览器,很遗憾,火狐浏览器还没有实现弹出日历的功能,因为HTML5规范里没有规定实现日历的办法,所以各浏览器自己决定怎么实现,相信不久之后火狐浏览器/IE浏览器也会有自己的弹出式日历框。

google浏览器中date类型效果图:

google浏览器中date类型效果图


河南郑州做网站首选天择文化,我们专注郑州网站建设网站设计网站制作与开发,是中原地区专业的郑州网络公司,多年来我们一直努力,服务客户数百家,欢迎您的咨询。
本文链接:郑州网络公司http://tzchb.ieyo.com/dede/1260.html转载请标明出处,谢谢合作!
标签:
  • HTML5
  • 下面
  • input
  • 类型
  • 新型