web学习:02-HTML5属性变化

1.input新增类型

1.1email (移动端有区别)


1654354-4809930bb07108a1.png

1.2url(只有iphone有效果)


1654354-ac135617fb4f0aab.png

1.3tel(移动端有区别)
1654354-5ca31f3944240012.png

1.4number
pc端


1654354-49d5b15c009e2f24.png

手机端
1654354-98b4042da35b0242.png

1.5 Date Picers date input类型
1654354-2cab51210c3977fc.png

1654354-36ec56e8d307da39.png

1654354-12960d1a8f325295.png

iPhone 不支持week类型
1654354-c8780867ce763ab9.png

1654354-3b0de3bb4d55a4cd.png
iPhone默认12小时,Android默认24小时

1654354-afc356320efd559b.png
iOS10以后废弃

1654354-939e70e70b087786.png

1654354-c1e667a5325c3987.png
PC端属性显示

1.6 range


1654354-e9588e14e73d41d4.png

1654354-108e6a0e741871a0.png

1.7 search


1654354-3a234ac380676195.png

1.8 color


1654354-f072b8db49a86bf3.png

2.form新增类型

2.1 autocomplete属性 自动补全


1654354-af6e073eb76a3405.png

1654354-c71ec01571817bf9.png

1654354-4a46ff0475b57074.png

2.2 autofocus属性


1654354-775ffbb76943bcbe.png
默认触发光标

2.3 multiple属性
1654354-6e6d4a5afa888d7e.png

1654354-1609906ef30b76bc.png

文件多选和邮箱多选(邮箱用,分开)

2.4placeholder 属性


1654354-87753147fd779274.png

1654354-28ddab32f1f38837.png

2.5 required属性 (校验规则)
1654354-0da9a1f7b3749bba.png
1654354-3bae521e09af826e.png

3.链接标签属性

1654354-8801f9e2dbcbc2fe.png

可以默认点开超链接跳转到其他页签


1654354-b961994e766d7b1e.png

// 超链接

扫描二维码关注公众号,回复: 6431719 查看本文章

1654354-f4f6459123d5ab65.png

1654354-e98d35ce8fa13e4e.png

4.script标签属性

1654354-6674e72a5af416fd.png

1654354-62f9ae92addfcc3d.png

//defer:整个页面渲染完成后再加载(只能在IE浏览器使用)
//async: 多线程,加载js文件时,同时执行html

5.ol标签属性

其实属性和是否从后向前


1654354-c5c46130111a1e24.png

6.html和style属性

1654354-a8acf48293f068d8.png

猜你喜欢

转载自blog.csdn.net/weixin_34255055/article/details/91024096