html汇总

新增的表单元素和属性

内容

表单控件的属性 提交按钮和提交图片 form属性,值为一个form标签的id值 formaction属性,指定提交按钮提交数据的地址 formenctype属性,指定表单提交的编码格式 formmethod属性,指定表单提交的方式 formnovalidate属性,指定表单是否验证,布尔属性,写上就代表不验证 formtarget属性,指定响应打开的方式

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属性 只读,提交数据

块级元素内可以放置行内元素和块级元素

行内元素内不推荐放置块级元素
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值