HTML5新增的标签属性

本文详细介绍了H5中的表单元素及其属性,包括email、url、number、range等类型,以及date、time、datetime等时间控件。同时,涵盖了search类型和一些表单的新属性,如autocomplete和multiple。此外,还深入解析了图片和音乐的多媒体元素使用方法,以及语义化标签的应用。
表单
标签描述
email提交时会校验内容是否是正确的邮箱格式
url在提交表单时,会自动验证 url 域的值。
numbernumber 类型用于应该包含数值的输入域。还能设置输入数字的范围
rangerange 类型用于应该包含一定范围内数字值的输入域。range 类型显示为滑动条。还能够设定数字的限定
value number规定默认值
Points只可输入数字,输入其他字符被清空。 若超出范围,在提交表单时会给出相应提升 属性 值 描述
step number规定合法的数字间隔(如果 step=“3”,则合法的数是 -3,0,3,6 等)
max number规定允许的最大值
min number规定允许的最小值
时间控件
标签描述
date选取日、月、年
month选取月、年
week选取周和年
time选取时间(小时和分钟)
datetime选取时间、日、月、年(UTC 时间)
datetime-local选取时间、日、月、年(本地时间)
search类型用于搜索域,比如站点搜索或 Google 搜索。

同时H5新增了新的属性

frominput
autocompletemultiple
自动完成, 重新加载网页时,记录先前输入的值属性规定 元素中可选择多个值。(属性适用于以下类型的 标签:email 和 file:)
novalidatepattern
属性规定在提交表单时不应该验证 form 或 input 域placeholder
贴图/音乐
<img src=图片位址>贴图 
<img src=图片位址 width=180>设定图片宽度 
<img src=图片位址 height=30>设定图片高度 
<img src=图片位址 alt=’提示文字’>图片不显示的时候显示的文字
<img src=图片位址’ border=1>设定图片边框 
<bgsound src=MID音乐档位址>背景音乐设定 
<img src=图片位址 title='图片注释'>图片正常显示的时候鼠标放到图片上时显示的文字
(补充:)align:值有left、right、top(图片顶部与文字对齐)、bottom(图片底部与文字对齐)
middle(图片中间与文字对齐)
语义化标签
<article> 定义文章			

<aside> 定义文章的侧边栏

<figure> 一组媒体对象以及文字	

<figcaption> 定义 figure 的标题

<footer>定义页脚			

<header>定义页眉

<hgroup>定义对网页标题的组合	

<nav>定义导航

<section> 定义文档中的区段		

<time>定义日期和时间

<dialog>定义一个对话框

<figure> 标签规定独立的流内容(图像、图表、照片、代码等等)。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值