当前位置: 移动技术网 > IT编程>网页制作>CSS > H5中表单的部分属性介绍

H5中表单的部分属性介绍

2018年10月25日  | 移动技术网IT编程  | 我要评论

    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获取满足条件的所有元素--数组

如对本文有疑问, 点击进行留言回复!!

相关文章:

验证码:
移动技术网