textarea:文本域
resize:none;设置不让拉动
horizontal 水平方向
vertical垂直方向
both两个方向
与overflow连用
div中设置resize可以拖动盒子,要用多个样式搭配才有效果,但是不能输入内容
disabled属性禁止点击
输入内容标签:
1、input
2、textarea
3、加 属性contentEditable='true/false';
隐藏:
1.display:none;
2.visibility:hidden;
3.高度为0,然后overflow:hidden;
4.css3 :加属性
hidden=""
input新增的表单
1.input type="hidden"隐藏,不消失
2.type="email"邮箱
3.type="url" 网址
4.tel:电话
5.search 搜索:可以将搜索内容取消
6.range:调音效果,结合js可以实现
min="1"
max="10"
step:步长
7.number:数字
8.datetime-local:本地时间
9.week:星期
10.month:月份
11.time:时间 时:分
12:required:必需值,必填
13:file:上传
加属性:multiple选择多个上传文件
属性:autofocus自动获取光标
语义化:
H5标签
banner
nav
footer
section:布局
aside:定义页面内容之外的内容
伪类选择器:
1.p:after 伪元素
2.placeholder
3.input::placeholder 伪类{
color:red;
}
音频:
audio
属性:
src:音频url地址
controls:音频控件 ,显示控件
autoplay:自动播放
H5标签: embed 引用音频、视频
属性:
loop:音频循环播放
muted:自动播放
视频未播放器前设置封面:poster="图片地址"
做兼容使用的子标签source
<video src="img/1.mp3" width="800" height="">
<source src="1.mp4" type="video/mp4"></source>
<source src="1.ogv" type="video/ogg"></source>
<source src="1.webm" type="video/webm"></source>兼容
</video>