首页 > 其他分享 >Day11-HTML5

Day11-HTML5

时间:2022-08-21 09:44:36浏览次数:82  
标签:视频 datalist 标签 HTML5 H5 Day11 表单 属性

H5新增标签:
H5新增的语义化标签:(双标记)
	1.header 整个页面的头部
	2.main   主要部分ie不兼容
	3.section页面中的一个区块
	4.footer 结尾区
	5.nav    导航链接
	6.article上下文无关的区域
	7.aside  与article相关的辅助信息
	8.hgroup 标题的一个分组
	9.figure 一段独立的内容
	10.figcaption 为figure添加标题(第一个或最后一个子元素的位置)
	11.mark  高亮的文本
媒介标签:
	媒介标签:
		<source src="" type="">
		可以设置多个source
	可以让视频覆盖整个父元素,视频会等比例播放:
		object—fit:cover;
	1.音频:行内标签
		<radio src=""></radio>
		属性:
			controls 添加控件
			loop	 循环播放
			autoplay 自动播放,搭配静音属性使用
			muted	 静音属性
	2.视频:
		<video src=""></video>
		用于视频:MP4 ogg webm
		属性:
			controls
			loop
			autoplay
			muted
			poster="" 规定视频正在加载时显示的图像,直到用户点击播放按钮。

H5新增表单类型:
	<input type="">
	类型:
		email	邮箱
		url		网址
		search	搜索
		number	数字
		range	滑动条
		color	颜色
		time	时间
		date	天
		week	周
		month	月
		datetime-local	本地时间

H5新增表单属性:
	required	是否为空
	min=""		最小值
	max=""		最大值
	step=""		步幅
	placeholder=""	提示信息
	autofocus	自动聚焦
	novalidate	取消验证,加给form标签
	multiple	选择上传多个,用逗号隔开
	readonly	输入字段设置为已读
	autocomplete="" 是否自动提示信息,元素要有name属性
		属性值:on开启提示 / off关闭提示
	datalist	下拉框标签,不能独自使用,必须结合其他表单元素一起使用
	option		选项标签
	list		结合datalist标签,绑定datalist的id名
		<input type="search" list="sousuo">
			<datalist id="sousuo">
				<option value="全部商品"></option>
				<option value="手机"></option>
			</datalist>

标签:视频,datalist,标签,HTML5,H5,Day11,表单,属性
From: https://www.cnblogs.com/tender-81/p/16609353.html

相关文章

  • HTML5摇一摇以及音频播放问题优化总结
    1.摇一摇不够灵敏、摇动很多次没有响应的问题、原来摇一摇代码是从网络Copy的,活动上线后,发现部分手机摇一摇监测效果不够灵敏,摇动很多次都没有响应,恨不得把手机砸了,于是优......
  • 如何給html5的video的src地址不以明文方式顯示,以防止下載
    chrome:chrome的video標籤支持srcredirect。<videoid="video"src="{:U('/Portal/Video/token')}"autoplay="true"controlstype="video/mp4"class="videoplayer"po......
  • HTML5中datalist的用法
    <datalist>控件可以为输入框提供一些备选选项,当用户输入的内容与备选选项文字相同时,将会显示智能感应注:此时的option为单标签<inputtype='text'list='province-list'......
  • HTML4与HTML5中label标签的不同用法
    label标签:用来将文字和单选或者多选按钮进行绑定。 html4中label标签需要通过for和id配合使用:<inputtype='radio'id='nan'/><labelfor='nan'>男</label> html......
  • 前端 | HTML5基础知识
    1HTML定义HTML(英文HyperTextMarkupLanguage的缩写)中文译为“超文本标签语言”,主要是通过HTML标签对网页中的文本、图片、声音等内容进行描述。<strong>加粗字体</s......