视频,音频和input属性

html5和html之间的差别

html是基于smgl(Standard Generalized Markup language)
html5不是基于smgl可以独立运行
html5还添加了一部分的新的特性:

新增标签:

新增标签举例(header——头部标签,nav——导航栏标签,urticle——内容标签等)只是语义化了,没有其他的作用这是属于语义化标签;

引入视频,video实例:在这里插入图片描述

可以引入视频
属性:
autoplay——视频加载完成后自动播放
controls——给视频添加控件
loop——循环播放
muted——静音播放
poster——用户下载时显示的图像 ,值为url
preload——边加载边播放(值:auto,metadata两个值作用相似都是边加载边播放)

source是一个新增的双标签可以兼容不同视频格式在这里插入图片描述
src是视频的引入路径,后缀需要根据type的值更改;

引入音频,audio实例:

在这里插入图片描述
属性与视频的相差不大,不做多介绍
注意:如果不添加controls这个属性在浏览器窗口是看不到的!

新增属性:

新增举例(button按钮 password 密码 radio单选 checkbox多选 submit提交 reset重置 number数字 date日期 file上传文件 email邮箱 tel手机号码 url 网址 search搜索 color颜色)在这里插入图片描述

input的type属性:

原有属性

text——默认文本
button——按钮
password ——密码
radio——单选
checkbox——多选
submit——提交
reset——重置
number——数字
date——日期
file——上传文件
email——邮箱
tel——手机号码
url ——网址
search——搜索
color——颜色

新增属性

placeholder——表单提示文字
required——校验表单不能为空
multiple——选择多个文件上传
autocomplete——提交记录 启用on 关闭off
min——指定输入框可以接受的最小的输入值(通常与数字和日期类型一起使用)
max——指定输入框可以接受的最大的输入值(同上)
pattern——表单正则验证 例:pattern=“[A-Za-z]{3}”
step——给默认数字类型上下箭头提供跳跃的数字
操作:在这里插入图片描述
网页:在这里插入图片描述
使用箭头加减,每次±3

	readonly——只读属性
	disabled——禁用属性
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值