正文
form是html5新增标签吗的简单介绍
提示：扫一扫查出行【扫一扫了解最新限行尾号】
复制提示
html5新增标签有哪些
html5新增标签如下：
1、结构性标记结构性标记主要用来对页面结构进行划分，就像在设计网页时将页面分为导航、内容部分、页脚等，确保HTML文档的完整性。
2、多媒体标记多媒体标记主要解决了以往通过Flash等进行视频的一些展示，新增的标记使HTML功能变得更加强大了。
3、表单标记表单标记主要用于功能性的内容表达，会有一定的内容和数据的关联。
html5的意义及应用。
在HTML页面中，带有“ ”符号的元素被称为HTML标签，如上面提到的 HTML、head、body都是HTML标签。所谓标签就是放在“ ” 标签符中表示某个功能的编码命令，称为HTML标签。
该语法中“标签名”表示该标签的作用开始，一般称为“开始标签（start tag）”，“/标签名” 表示该标签的作用结束，一般称为“结束标签（end tag）”。和开始标签相比，结束标签只是在前面加了一个关闭符“/”。
相关问答
Q1: 请通过检索工具检索html5新增了哪些表单标签
1. datalist标签
datalist标签规定输入域的选项列表，列表是通过datalist内的option元素创建的。如需把datalist绑定到输入域，用输入域的list属性引用datalist的id，如下面的实例：
网址是：input type="url" list="user_list" name="link" /
datalist id="user_list"
option label="新浪网" value="" /
option label="搜狐网" value="" /
option label="网易" value="" /
/datalist
提示：option元素永远都要设置value属性值。
2. keygen标签
keygen标签的作用是提供一种验证用户的可靠方法。keygen标签是密钥对生成器（key-pair generator）。当提交表单时，会生成两个键，一个是私钥，一个是公钥。私钥（private key）存储于客户端，公钥（public key）则被发送到服务器。公钥可用于之后验证用户的客户端证书（client certificate）。如：
form action="demo_form.asp" method="get"
Username: input type="text" name="usr_name" /
Encryption: keygen name="security" /
input type="submit" /
/form
3. output标签
output标签用于不同类型的输出，比如计算或脚本输出，如：
html
head
script type="text/javascript"
function resCalc()
{
numA=document.getElementById("num_a").value;
numB=document.getElementById("num_b").value;
document.getElementById("result").value=Number(numA)+Number(numB);
}
/script
/head
body
p使用output 元素的简易计算器：/p
form onsubmit="return false"
input id="num_a" / +
input id="num_b" / =
output id="result" onforminput="resCalc()"/output
/form
/body
/html
二. 新增属性
HTML5新的form 属性：autocomplete、novalidate；新的input 属性：autocomplete、autofocus、form、form overrides (formaction, formenctype,formmethod, formnovalidate, formtarget)、height、width、list、min、max、step、multiple、pattern (regexp)、placeholder和required。
1. autocomplete属性
autocomplete属性规定form 或input 域是否应该拥有自动完成功能，适用于form标签，以及text,、search、url、telephone、email、password、datepickers、range和color类型的input 标签。当用户在自动完成域中开始输入时，浏览器应该在该域中显示填写的选项，如：
!DOCTYPE HTML
html
body
form action="/example/HTML 5/demo_form.asp" method="get" autocomplete="on"
First name:input type="text" name="fname" /br /
Last name: input type="text" name="lname" /br /
E-mail: input type="email" name="email" autocomplete="off" /br /
input type="submit" /
/form
p请填写并提交此表单，然后重载页面，来查看自动完成功能是如何工作的。/p
p请注意，表单的自动完成功能是打开的，而e-mail 域是关闭的。/p
/body
/html
2. autofocus属性
autofocus属性规定在页面加载时，域自动地获得焦点，autofocus属性适用于所有input标签的类型。如：
User name: input type="text" name="user_name" autofocus="autofocus" /
3. form属性
form属性规定输入域所属的一个或多个表单，适用于所有input 标签的类型，必须引用所属表单的id，如需引用一个以上的表单，使用空格分隔的列表。
form action="demo_form.asp" method="get" id="user_form"
First name:input type="text" name="fname" /
input type="submit" /
/form
Last name: input type="text" name="lname" form="user_form" /
4. form override attributes
允许重写form元素的某些属性设定，表单重写属性有：
formaction：重写表单的action 属性
formenctype：重写表单的enctype 属性
formmethod：重写表单的method 属性
formnovalidate：重写表单的novalidate 属性
formtarget：重写表单的target 属性
表单重写属性适用于submit和image类型的input 标签。如：
form action="demo_form.asp" method="get" id="user_form"
E-mail: input type="email" name="userid" /br /
input type="submit" value="Submit" /br /
input type="submit" formaction="demo_admin.asp" value="Submit as admin" /br /
input type="submit" formnovalidate="true" value="Submit without validation" /br /
/form
这些属性对于创建不同的提交按钮很有帮助。
5. height和width属性
height和width属性规定用于image类型的input标签的图像高度和宽度，height和width属性只适用于image类型的input 标签。如：
input type="image" src="img_submit.gif" width="99" height="99" /
6. list属性
list属性规定输入域的datalist，datalist是输入域的选项列表。list属性适用于text、search、url、telephone、email、date pickers、number、range和color类型的input 标签。
7. min、max和step属性
min、max和step属性用于为包含数字或日期的input 类型规定限定（约束）。max属性规定输入域所允许的最大值，min属性规定输入域所允许的最小值，step属性为输入域规定合法的数字间隔。min、max和step属性适用于date pickers、number和range类型的input标签。
8. multiple属性
multiple属性规定输入域中可选择多个值，multiple 属性适用于emial和file类型的input 标签。
Select images: input type="file" name="img" multiple="multiple" /
9. novalidate属性
novalidate属性规定在提交表单时不应该验证form或input域，novalidate属性适用于form以及text、search、url、telephone、email、password、date pickers、range和color类型的input 标签。如：
form action="demo_form.asp" method="get" novalidate="true"
10. pattern属性
pattern属性规定用于验证input域的模式（pattern），模式（pattern）是正则表达式。pattern属性适用于text、search、url、telephone、email以及password类型的input 标签。下面的例子显示了一个只能包含三个字母的文本域（不含数字及特殊字符）：
Country code: input type="text" name="country_code" pattern="[A-z]{3}" title="Three letter country code" /
11. placeholder属性
placeholder属性提供一种提示（hint），描述输入域所期待的值。placeholder属性适用于text、search、url、telephone、email以及password类型的input 标签。提示（hint）会在输入域为空时显示出现，会在输入域获得焦点时消失，例如：
input type="search" name="user_search"placeholder="Search W3School" /
12. required属性
required属性规定必须在提交之前填写输入域（不能为空）。required属性适用于text、search、url、telephone、email、password、date pickers、number、checkbox、radio以及file类型的input标签，如：
Name: input type="text" name="usr_name" required="required" /
Q2: html5新增标签都有哪些
html5新增标签大致如下：
canvas 新元素
canvas 标签定义图形，比如图表和其他图像。该标签基于 JavaScript 的绘图 API
新多媒体元素
audio 定义音频内容
video 定义视频（video 或者 movie）
source 定义多媒体资源 video 和 audio
embed 定义嵌入的内容，比如插件。
track 为诸如 video 和 audio 元素之类的媒介规定外部文本轨道。
新表单元素
datalist 定义选项列表。请与 input 元素配合使用该元素，来定义 input 可能的值。
keygen 规定用于表单的密钥对生成器字段。
output 定义不同类型的输出，比如脚本的输出。
新的语义和结构元素
HTML5提供了新的元素来创建更好的页面结构：
article 定义页面独立的内容区域。
aside 定义页面的侧边栏内容。
bdi 允许您设置一段文本，使其脱离其父元素的文本方向设置。
command 定义命令按钮，比如单选按钮、复选框或按钮
details 用于描述文档或文档某个部分的细节
dialog 定义对话框，比如提示框
summary 标签包含 details 元素的标题
figure 规定独立的流内容（图像、图表、照片、代码等等）。
figcaption 定义 figure 元素的标题
footer 定义 section 或 document 的页脚。
header 定义了文档的头部区域
mark 定义带有记号的文本。
meter 定义度量衡。仅用于已知最大和最小值的度量。
nav 定义导航链接的部分。
progress 定义任何类型的任务的进度。
ruby 定义 ruby 注释（中文注音或字符）。
rt 定义字符（中文注音或字符）的解释或发音。
rp 在 ruby 注释中使用，定义不支持 ruby 元素的浏览器所显示的内容。
section 定义文档中的节（section、区段）。
time 定义日期或时间。
wbr 规定在文本中的何处适合添加换行符。
初学者建议多访问下菜鸟教程：网页链接，都是比较全面的基础知识，可以看做编程词典，即使老司机也经常去查一些资料。
Q3: 简述几种html5的常用标签和新增属性的含义
HTML5 新增常用元素
HTML5的声明为：!DOCTYPE html
它不用再像之前的版本一样在声明中引用DTD。DTD(document type definition)定义合法的XML文档构建模块，它使用一系列合法的元素来定义文档的结构。在HTML中，DTD规定了标记语言的规则，使浏览器能正确地呈现内容。而HTML5不基于SGML，所以不需要引用DTD。
文档结构元素
article: 定义可以独立于内容其余部分的完整独立内容块。
header: 页面顶部。
nav: 导航栏(边导航,页面导,底部导)标签。
hgroup: 定义多个标题时。
section: 内容分块.可设置cite属性。
aside: 侧边栏，定义和页面内容关联度较低的内容——如果被删除，剩下的内容仍然很合理。
figure: 代表一个和文档有关的图例。
figcaption: 代表一个图例的说明（标题）。
footer: 页面底部。
dialog:定义对话框。
嵌入元素
video 代表一段视频 及其视频文件和字幕，并提供了播放视频的用户界面。属性有：
src
autoplay（控制自动播放）
loop（播放完后是否重新播放）
controls（显示用户界面）
width
height
audio 代表一段声音 ，或音频流。 标签内的文字会在标签不被支持时呈现。属性有：
src
autoplay
loop（播放次数，为-1时循环播放）
controls
volume(音量)
source 为 video 或 audio 这类媒体元素指定媒体源。属性有src\type（指定资源的MIME类型）。
track为 video 或 audio 这类媒体元素指定文本轨道（字幕） 。属性有：
kind（数据类型）
src
srclang（track文本数据的语言）
label 当列出可用的text tracks时，给浏览器使用的text track的标题，这种标题是用户可读的。
注意：一个media 元素的任意两个 track 子元素不能有相同的 kind, srclang, 和 label属性。
canvas 代表位图区域，可以通过脚本在它上面实时呈现图形，如图表、游戏绘图等。
embed 代表一个嵌入的外部资源，如应用程序或交互内容。属性有：
width
height
src
type 用于选择插件实例化的 MIME 类型。
表单元素
meter代表滑动条。显示实时状态。属性有:
value 当前数值，如果给定的值不在最小值和最大值之间，它的值就等于它最接近的一端的值。
min 值域的最小边界值，默认为0
max 值域的最大边界值，默认为1
low 定义了低值区间的上限值，当数值处于low-min或high-max时就会呈现不同的样式。
high 定义了高值区间的下限值。
optimum 最优值
output代表计算值 。
for 其它影响计算结果的标签的ID，可以多个。
form 与当前标签有关联的form（从属的表单）。该属性的值必须是当前文档内的表单元素的ID。如果未指明该属性，output标签必须是一个form的后代标签。该属性的用处在于可以让output标签脱离form标签，存在于一个网页文档的任意位置。
name
form oninput="result.value=parseInt(a.value)+parseInt(b.value)"
input type="range" name="b" value="50" / +
input type="number" name="a" value="10" / =
output name="result"/output
/form
1
2
3
4
5
progress代表进度条，表示任务过程，属性有max（任务总量）\value。
datalist为Input标记定义一个下拉列表，配合option标签。
其他
details创建一个挂件，仅在被切换成展开状态时，它才会显示内含的信息。
summary 是details 元素的子元素，表示其综述或标题 。
mark代表一段需要被高亮的引用文字。
ruby表示需要被ruby 注释 标记的文本，如中文汉字和它的拼音。
rt 表示ruby 注释 ，如中文拼音。
rp 在ruby 注释两边的额外插入文本 ，用于在不支持 ruby 注释显示的浏览器中提供友好的注释显示。
ruby夼rp(/rprtkuang/rtrp)/rp/ruby
1
顺便一提，html5删除了的元素：
纯表现的：basefont\big\center\font\s\strike\tt\u
对可用性有负面影响的：frame\frameset\noframes
产生混淆的：acronym\applet\isindex\dir
同时HTML5也对某些元素进行了重定义，改变了它们的语言内容但表现不变。如b标签、i标签，仍然表示为粗体、斜体，但代表了一段需要被关注的文字、一段不同性质的文字，如技术术语、外文短语等。
HTML5属性变化
新增类型
email \ url \ tel \ number
Datepickers:date \ month \ week（iphone不兼容） \ time \ datetime(UTC格式，安卓、i6+、PC端不兼容) \ datetime-local
针对PC端：range(水平杆，两边为min和max) \ search（有内容时右边出现×）\ color（颜色选择框）
表单属性
autocomplete属性：自动完成功能，适用于标签，以及以下类型的input标签：text \ search \ url \ tel \ email \ password \ datepickers \ range \ color
form autocomplete="on" //on为打开，Off为关闭
/form
1
2
autofocus属性：域自动地获得焦点，适用于所有的标签的类型
input autofocus="autofocus"/
1
multiple属性：规定输入域中可选择多个值，适用于email \ file类型的标签
input type="file" multiple="multiple" /
1
placeholder属性：提供一种提示，描述输入域所期待的值，适用于text \ search \ url \ tel \ email \ password 类型的标签
input type="text" placeholder="please input your name!"/
1
required属性：规定必须在提交之前填写输入域，且必须按照相应域的格式，如，email域必须要有@、邮件域。适用于text \ search \ url \ tel \ email \ password \ datepickers number \ checkbox \ radio \ file 类型的标签
input type="email" requried="required" /
1
链接属性
sizes
link rel="icon" href="icon.gif" type="image/gif" sizes="16*16"
//网页头部标题的logo，可根据不同分辨率引用不同的sizes
//type为该图标的类型，说明该图标格式为gif
1
2
3
target
base href="......" target="_blank"
1
base标签写在head标签内。target属性控制整个页面所有超链接的默认打开方式（本来是_self），href指定页面中所有相对链接的基准 URL；
超链接的属性
media=“handheld”（表示对设备进行优化，handheld对“手持”设备进行支持，tv对”电视“设备进行支持）；
hreflang=“zh”（设置语言，zh表示是简体中文）
rel=“external”（设置超链接的引用，external表示其为外部链接）
其他属性
script的属性
defer：加载完脚本后并不执行（延迟执行），而是等整个页面加载完之后再执行，只有ie兼容
async：对脚本进行异步加载，加载完脚本后立刻执行，而不用等整个页面都加载完才能执行。
如果 async=“async”：脚本相对于页面的其余部分异步地执行（当页面继续进行解析时，脚本将被执行）
如果不使用 async 且 defer=“defer”：脚本将在页面完成解析时执行
如果既不使用 async 也不使用defer：在浏览器继续解析页面之前，立即读取并执行脚本
ol的属性
start：设置序号的起始值
reversed：倒叙排列 reversed=“reversed”
html的属性：manifest
!DOCTYPE HTML
html manifest="demo.appcache"
...
/html
1
2
3
4
通过在页面中设置manifest属性或在manifest文件中加入页面，可以将此页面缓存，这样我们就可以离线访问，且获得更快的速度，因为已缓存资源加载得更快。还可以减少服务器负载。
一旦文件被缓存，则浏览器会继续展示已缓存的版本，即使修改了服务器上的文件。为了确保浏览器更新缓存，需要更新 manifest 文件。
style的属性scoped：内嵌CSS,可以写在任何位置，而不止是head。不过这样会违反我们低耦合的原则。
style scoped
...
style
form是html5新增标签吗的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于、form是html5新增标签吗的信息别忘了在本站进行查找喔。
