【第四篇】- html5的新增结构元素&全局属性

VScode关键点
Time	序号	快捷表现	快捷方式	关键字	举例
Day4 5月19	29	表单标签form <form action（网址）="result.html" method（提交方式）="GET/ POST（加密）">	input属性: 1.自闭合标签 2.display行内块元素	除了text不用写value，其他必写；name必写
	30		GET	上传文件小，不加密
	31		POST	文件大，加密
	32		<input type="#" name="" value（后台展示）="" size="30" maxlength-"6">	文本框：text	用户名：<input type="text" name="user" value="张三">
	33			提交：submit	提交： <input type="sunbit"  value="立即登录">
	34			密码：password	密码：<input type="password"  name="pwd" value="123" placeholder="请输入">
	35			单选框：radio （name需一致）	<input type="radio"  name="sex" value="boy" checked>男 <input type="radio"  name="sex" value="girl">女
	36			复选框 ：checkbox	<input type="checkbox"  name="aihao" value="game"> 游戏 <input type="checkbox"  name="aihao" value="swing" checked> 游泳 <input type="checkbox"  name="aihao" value="skiing"> 滑雪
	37			默认选中：checked(布尔)	自动默认选项，布尔运算，checked="ture/false",h5中不显示
	38			默认选中：selected（布尔）
	39			输入密码: placeholder	提示词，鼠标放上去自动消失
	40		列表框	select	<select name=“car”size="2"> <option value="">请选择</option> <option value="baoba">宝马</option> <option value="benchi">benchi</option>
	41		5种按钮	重置按钮	<input type="reset" name="restname" value="重置">
	42			普通按钮	<input type="button" name="btn" value="普通按钮">
	43			提交按钮	<input type="submit" name="sbt" value="提交">
	44			图片按钮(XY坐标位置)	<input type="image" src="../imgs/01.jpg" alt="加载中" title="icon" width="50" height="50" name="img">
	45			数字按钮（可以滚动）	<input type="number" name="money">
Day5 5月20	46		多行文本域	textarea	<textarea name="area" cols="50"（宽） rows="50"（高）>123</textarea>
	47		文件域	file	<input type="file" name="filename">
	48		表单编码属性(针对上传文件时填写)	enctype	<form action="网址" method="post" enctype="multipart/form-deta">
	49		隐藏（只能后台看到）	hidden	<input type="hidden" name="filename">
	50		只读（文字不能更改）	readonly（布尔）	用户名：<input type="text" name="user" value="张三" readonly>
	51		禁用(表单未写完，不能提交)	disabled（布尔）	<input type="submit" disabled>
	52		标注(扩大鼠标点击范围)	label  (for=""  id="")	<input type="radio" name="sex" value="nan" id="a"> <label for="a">男</label>
	53	html5新增结构元素 (块元素，利于搜索抓取和语义化)	头部标签	header	header(main(na、section（aside、article)))
	54		导航栏	nav
	55		内容主题（article）和标题/侧边栏(aside)组成	section（内容区块）
	56		内容主题	article
	57		标题/侧边栏	aside
	58		主题部分	main
	59		视频标签(浏览器不兼容或过低，会出现：您的浏览器不支持video播放的视频)	video	<video src"../" controls muted loop></video>
	60		音频标签	audio	<audio src"../" controls muted loop></audio>
	61		控制器	controls	<video src"../" controls></video>
	62		默认静音	muted	( <video src="./" controls muted loop></video>)
	63		结束后自动循环	loop	<video src"../" controls muted loop></video>
	64	html5全局属性	允许用户编辑内容	contenteditable	选中标签后面的单词，双击，往右撤一下  粘贴即可随意改动
	65		对元素进行隐藏，在dom文档中依然存在	hidden