H5中表单的部分属性介绍

h5中表单的部分属性

前端 tel：并不会实现验证，仅仅是在移动端能够弹出数字键盘

required：必须输入，如果没有输入则会阻止当前数据提交。即required=“required”

pattern：正则表达式验证

label：标签中for需要关联对应的标签的id号。

建立输入框与datalist的关联 list="datalist的id号"

如果input输入框的type类型是url,那么value值必须添加https://。即为有效的url地址方可起作用。

oninput:监听当前指定元素内容的改变：只要内容改变(添加内容，删除内容)，就会触发这个事件。

onkeyup:键盘弹起的时候触发：每一个键的弹起都会触发一次。

oninvalid:当验证不通过时触发

void中的属性：

src:播放文件的路径

controls:音频播放器的控制器面板

autoplay:自动播放

loop:循环播放

poster:指定视频还没有完全下载完毕，或者用户没有点击播放前显示的封面。 默认显示当前视频文件的第一副图像。

width:视频的宽度

height:视频的高度

注意事项：视频始终会保持原始的宽高比。意味着如果你同时设置宽高，并不是真正的将视频的画面大小设置为指定的大小，而只是将视频的占据区域设置为指定大小，除非你设置的宽高刚好就是原始的宽高比例。所以建议：在设置视频宽高的时候，一般只会设置宽度或者高度，让视频文件自动缩放。

queryselector:获取单个元素，如果获取的元素不止一个，那么只会返回满足条件的第一个元素。

queryselectorall获取满足条件的所有元素--数组