新增的表单元素和属性
内容
HTML5新增的元素
高亮黄底
引用,倾斜
缩略词
HTML面试题
HTML5中新增的元素有哪些?HTML5新特性有哪些?
1.HTML5新增的结构元素
语义化的标签
独立的区域
尾部
侧边栏广告
地址
导航
标题
2.HTML5新增的表单控件
3.HTML5input的type属性的扩展
type=“number” 数值框
type=“range” 滑块
type=“search” 搜索框
type=“color” 颜色框,#ffffff
type=“tel” 电话框,不带验证
type=“url” 网址url框,自带表单验证,http:// https://
type=“email” 邮箱框,自带验证,XXX@XXX
type=“date” 日期,2020-09-09
type=“datetime-local” 日期和时间 2020-09-09T09:09:09
type=“time” 时间 09:09:09
type=“week” 年周 2020-W07
type=“month” 年月 2020-09
新增属性
form属性,值为一个form标签的id值
formaction属性,指定提交按钮提交数据的地址
formenctype属性,指定表单提交的编码格式
formmethod属性,指定表单提交的方式
formnovalidate属性,指定表单是否验证,布尔属性,写上就代表不验证
formtarget属性,指定响应打开的方式
autofocus 自动聚焦
required 必填项
pattern 正则表达式匹配验证
list 绑定datalist,数据列表
placeholder 占位符
min 最小值
max 最大值
4.HTML5中的媒体元素
controls 控制条
loop 循环播放
muted 静音播放
autoplay 自动播放
HTML复习
注释
实体
空格
< <
> >
& &
’ ’
" "
© ©
…
常用标签
块级元素
独占一行,可设置宽高
标题
标题
标题
标题
标题
标题
行内元素
与其他元素共享一行,不可设置宽高
超链接
href属性值:
#目标元素的id 锚点
路径
相对路径,绝对路径
邮件
mailto:liuyr@briup.com
target属性值:
_self 当前窗口打开超链接
_blank 在新窗口打开超链接
样式
没有返回过是一个蓝色,访问过是一个紫色,鼠标点上去是一个红色
文字下方有下划线
加粗
强调加粗
倾斜
强调倾斜
下划线
上标
下标
…
替换元素
<input type="text">
空元素
<br>
<hr>
<img src="" alt="">
form
标题 表单控件 type取值 text 单行文本框 可以有size属性,指定输入框的宽度,有maxlength属性,最长可输入多少个字符 password 密码框 radio 单选按钮 checked属性默认选中 checkbox 复选按钮 checked属性默认选中 file 文件选择按钮 image 图片按钮 submit 提交按钮 reset 重置按钮 button 表单内不提交 hidden 隐藏域,不可见,提交数据 请选择 表单内提交 表单内重置 表单内不提交 表单内提交 表单控件的属性 disabled属性 禁用,不提交数据 readonly属性 只读,提交数据块级元素内可以放置行内元素和块级元素