您的位置:首页 > Web前端 > HTML5

H5中表单的部分属性

2018-09-25 15:46 323 查看

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

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

pattern:正则表达式验证

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

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

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

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

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

oninvalid:当验证不通过时触发

void中的属性:

src:播放文件的路径

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

autoplay:自动播放

loop:循环播放

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

width:视频的宽度

height:视频的高度

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

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

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

阅读更多
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: