在HTML5中,input输入框中的type属性,除了可以是text、radio、checkbox、button之外,还可以使用color、date、email等。下面利用几个实例说明新增的input的type属性,操作如下:
工具/原料
1
JavaScript
2
HTML5
3
CSS3
4
jquery
5
HBuilder
6
浏览器
7
截图工具
方法/步骤
1
第一步,打开HBuilder编辑工具,新建静态页面input.html;在
插入一个input,type值为color,如下图所示:2
第二步,在标签内,利用ID选择器设置input的样式,如下图所示:
4
第四步,将input中的type属性值由color改为date,这里使用date日期,如下图所示:
5
第五步,再次保存并预览界面,点击input输入框,可以发现出现了日期,如下图所示:
6
第六步,最后将type属性值date改为datetime,保存代码并预览效果,如下图所示:
注意事项
1
注意HTML5中input标签type几种新增属性
2
注意使用不同类型的input的type设置类型
上一篇:五谷养生坊开店人流量测算方法
下一篇:2019年流行的家居搭配颜色