HTML知识点总结（中）
(4)、链接标签
<a> 标签定义超链接，用于从一个页面链接到另一个页面。<a> 元素最重要的属性是 href 属性，它指定链接的目标。如果没有使用 href 属性，则不能使用 hreflang、media、rel、target 以及 type 属性。通常在当前浏览器窗口中显示被链接页面，除非规定了其他 Target 属性。可以使用 CSS 来改变链接的样式。
HTML 使用超级链接与网络上的另一个文档相连，几乎可以在所有的网页中找到链接，点击链接可以从一张页面跳转到另一张页面，超链接可以是一个字，一个词，或者一组词，也可以是一幅图像，可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。当你把鼠标指针移动到网页中的某个链接上时，箭头会变为一只小手。在 <a> 标签中使用 href 属性来描述链接的地址，默认情况下，链接将以以下形式出现在浏览器中：一个未访问过的链接显示为蓝色字体并带有下划线；访问过的链接显示为紫色并带上下划线；点击链接时，链接显示为红色并带上下划线。<a href="url">跳转</a> "链接文本" 不必一定是文本，图片或其他 HTML 元素都可以成为链接，使用 Target 属性，可以定义被链接的文档在何处显示。
<a> 标签的 target 属性，target="_blank" 定义在新窗口显示目标网页。target="_self" 定义在当前窗体打开目标网页，此为默认值，这个目标是多余且不必要的，除非和文档标题 <base> 标签中的 target 属性一起使用。target="_top" 定义在当前窗体打开链接，并替换当前的整个窗体(框架页)。假如你的页面被固定在框架之内，可用 _top 值跳出框架，用 top 目标将会清除所有被包含的框架并将文档载入整个浏览器窗口，框架网页中在上部窗口中显示目标网页。target="_parent" 这个目标使得文档载入父窗口或者包含超链接引用的框架的框架集，如果这个引用是在窗口或者在顶级框架中，那么它与目标 self 等效，框架网页中当前整个窗口位置显示目标网页。
去掉超链接的下划线，并定义颜色（默认定义为黑色）：a{color:#000;text-decoration:none} 定义鼠标移动到超链接上的颜色，a:hover{color:red}
图像超链接：<a href="http://baidu.com"><img src="images/demo.jpg"></a>
本文本链接：<p><a href="/index.html">本文本</a> 指向本网站中的一个页面的链接。</p>。相对路径，如 htef="/abc/"，代表本站内超文本。
HTML 链接的 id 属性。也可用class，id 是代表唯一的，而 class 是一个集，也就是所有 class 名称一样的都可被定义。id 属性可用于创建在一个 HTML 文档书签标记。用 id 命名那么这个书签就是唯一的。在 HTML 文档中插入ID：<a id="tips">超链接</a>。在 HTML 文档中创建一个链接到 "超链接(id="tips"）"：<a href="#tips">跳转</a>。或者，从另一个页面创建一个链接到 "超链接(id="tips"）部分"：<a href="index.html#tips">点我跳转</a>。
电子邮件链接：<a href="mailto:123456@qq.com">电子邮件</a> 当前系统需要安装 EMAIL 客户端程序才能使用，可用 火狐/IE 测试，会跳转链接到一个邮件。
<base> 标签定义页面中所有链接的默认地址或默认目标。该标签作为 HTML 文档中所有的链接标签的默认链接。在 HTML 中，<base> 标签没有结束标签，且为为元信息标签。在一个文档中，最多能使用一个 <base> 元素。<base> 标签必须位于 <head> 元素内部，而且 <base> 标签需要排在 <head> 元素中第一个元素的位置，这样 head 区域中其他元素就可以使用 <base> 元素中的信息了。如果使用了 <base> 标签，则必须具备 href 属性或者 target 属性或者两个属性都具备。<base target="_blank"> 可定义页面中所有的超链接都从新窗口打开，如其中有不需要在新窗口打开的，可在 <a> 标签内自行定义：<a href="url" target="_self">链接</a>。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>示例</title>
<base href="http://www.demo.com/images/" target="_blank">
</head>
<body>
<img src="images.gif"><br/>
<a href="http://www.demo.com">跳转</a>
</body>
</html>
上面代码中，图像是默认链接的 demo.com 中一张名为 images 的图片，点击超链接跳转到该网站，并且在新窗口打开目标页面。
<nav> (H5) 标签定义导航链接的部分，并不是所有的 HTML 文档都要使用到 <nav> 元素。<nav> 元素只是作为标注一个导航链接的区域，在不同设备上(手机或者PC)可以制定导航链接是否显示，以适应不同屏幕的需求。
(5)、图像标签
HTML 图像是通过<img> 标签来定义的。图像的名称和尺寸是以属性的形式提供的，添加动态图片和添加静态图片格式是一样的，只是图像文件格式可能会有所不同。注意：从技术上讲，图像并不会插入 HTML 页面中，而是链接到 HTML 页面上。<img> 标签的作用是为被引用的图像创建占位符。通过在 <a> 标签中嵌套 <img> 标签，可以给图像添加到另一个文档的链接，浏览器将图像显示在文档中图像标签出现的地方。如果你将图像标签置于两个段落之间，那么浏览器会首先显示第一个段落，然后显示图片，最后显示第二段。在 HTML 中，<img> 标签没有结束标签。
<img src="images/head.gif" width="90" height="90" alt="替代文本" title="图片描述">
<img> 标签有两个必需的属性：src 和 alt。 要在页面上显示图像，就需要使用源属性(src)，src 指 "source（来源）"，源属性的值是图像的 URL 地址，URL 指存储图像的位置。如果从另一个文件夹中添加图像，需要选择图片的路径：<img src="D/images/logo.jpg">。如果从另一个网站中添加图像，需要选择网站图片的路径，假如名为 "head.gif" 的图像位于 www.demo.com 的 images 目录中，那么其 URL 为 http://www.demo.com/images/head.gif。alt 属性用来为图像定义一串预备的可替换的文本。在浏览器无法载入图像时，替换文本属性告诉读者他们失去的信息。此时，浏览器将显示这个替代性的文本而不是图像。为页面上的图像都加上替换文本属性是个好习惯，这样有助于更好的显示信息，并且对于那些使用纯文本浏览器的人来说是非常有用的。
注意：title 属性用于把鼠标移动到图片上时显示文字信息，只有在重要的图片或者网站标志 LOGO 上加此属性。width 和 height 属性用于设置图像的高度与宽度。属性值默认单位为像素：px。指定图像的高度和宽度的一个很好的习惯。如果图像指定了高度宽度，页面加载时就会保留指定的尺寸。如果没有指定图片的大小，加载页面时有可能会破坏HTML页面的整体布局。注意：假如某个 HTML 文件包含十个图像，那么为了正确显示这个页面，需要加载 11 个文件，加载图片是需要时间的，在加载页面时，要注意插入页面图像的路径，如果不能正确设置图像的位置，浏览器无法加载图片，图像标签就会显示一个破碎的图片。
ismap 属性是一个布尔属性，可直接使用，用于将图像规定为服务器端图像映射，图像映射指的是带有可点击区域的图像。usemap 属性值为 #mapname 用于将图像定义为客户器端图像映射。HTML5 中增加了一个 新属性 crossorigin 值为 anonymous、use-credentials 用于设置图像的跨域属性。
在文字中插入图像，需要使用 CSS 定义，图像需要与文字底部对齐则定义为：.img{vertical-align:bottom}，如果这里不设置的话图像会与文字底部会有一点距离。图像需要与文字中间对齐则设置为：.img{vertical-align:middle}。图像需要与文字顶部对齐则设置为-：.img{vertical-align:top}。
vertical-align 这个属性的默认值是 baseline（基线），插入的 img 元素会放置在父元素的基线上，由于图片撑起了高度，所以文字下移。其实并不是文字下移，而是图像的高度与文字不同，就像鹤立鸡群。vertical-align 是“垂直的”+“对齐”的意思，用于设置元素的垂直排列的，多用在表格中，用来定义行内元素的基线相对于该元素所在行的基线的垂直对齐，所有浏览器都支持 vertical-align 属性。
它的值比较多：
baseline：基线，默认值。元素放置在父元素的基线上。
sub：垂直对齐文本的下标。
sup：垂直对齐文本的上标。
top：把元素的顶端与行中最高元素的顶端对齐。
text-top：把元素的顶端与父元素字体的顶端对齐。
middle：把此元素放置在父元素的中部。
bottom：把元素的顶端与行中最低的元素的顶端对齐。
text-bottom：将支持valign特性的对象的文本与对象底端对齐。
length：用长度值指定由基线算起的偏移量，可以为负值。基线对于数值来说为 0。
percentage(%)：用百分比指定由基线算起的偏移量，可以为负值，基线对于百分数来说就是 0%。
vertical-align 属性定义行内元素的基线相对于该元素所在行的基线的垂直对齐。允许指定负长度值和百分比值，这会使元素降低而不是升高。在表格单元格中，这个属性会设置单元格框中的单元格内容的对齐方式。valign 用来定义表格的对齐方式，valign 代表行的垂直对齐方式，(top(顶部对齐) | middle(中部对齐) | bottom(下部对齐) | baseline(基线对齐))。valign 可以通俗的理解为上中下，而和 align 的区别是： align 为左中右，用于设置文本的对齐方式，text-align:center 居中，text-align:left 居左，text-align:right 居右。
定义图像在文字中的位置也可以将底外边距设置为负值，强行设置，假如图像的高度为 90px，则可定义为：.img1{margin-bottom:-45px;}，也就是图像距离底部缩进45像素。像素不同可以定义其处在不同的位置，但是这样设置会增加本行的高度。不建议这样定义，但可用在特殊地方。
<map> 标签定义图像地图。<area> 标签定义图像地图中的可点击区域。可用于创建图像映射，使其带有可供点击区域的图像地图，其中的每个区域都是一个超级链接。
<map> 标签用于客户端图像映射。图像映射指带有可点击区域的一幅图像。<img> 标签中的 usemap 属性可引用 <map> 中的 id 或 name 属性(取决于浏览器)，所以应同时向 <map> 添加 id 和 name 属性。注意: 在 HTML5 中, 如果 id 属性在 <map> 标签中指定, 则必须同样指定 name 属性。name 属性用于为 image-map 规定名称，必需的属性。
<area> 标签定义图像映射内部的区域。注意：<area> 元素永远嵌套在 <map> 元素内部。<img> 标签中的 usemap 属性与 <map> 元素中的 name 相关联，以创建图像与映射之间的关系。在 HTML 中，<area> 标签没有结束标签。
<area> 标签属性，href 属性规定区域的目标 URL。alt 属性规定区域的替代文本，如果使用 href 属性，则该属性是必需的。coords 属性值为 coordinates 规定区域的坐标。shape 属性值为（default(默认)、circle、rect、poly）规定区域的形状。target 属性规定在何处打开目标 URL。media 属性规定目标 URL 是为何种媒介/设备优化的，默认为：all。在 HTML5 中增加了一个新属性 rel ，他的值为（alternate、author、bookmark、help、license、next、nofollow、noreferrer、prefetch、prev、search、tag)）规定当前文档与目标 URL 之间的关系。
图像映像的语法：
<img src="images/demo.jpg" alt="太阳系" usemap="#sun">
<map name="sun">
<area shape="circle" coords="132,570,122" alt="太阳" href="index.html" target="_blank">
</map>
<area> 标签的 coords 属性定义了客户端图像映射中对鼠标敏感的区域的坐标。坐标的数字及其含义取决于 shape 属性中决定的区域形状。可以将客户端图像映射中的超链接区域定义为矩形、圆形或多边形等：rect : 矩形，coords 对应的坐标为左上角和右下角。circle : 圆，coords 对应的是圆心(x，y)，和半径 r。poly：多边形，coords 对应的是每个点的坐标。
下面列出了每种形状的适当值：
圆形：shape="circle"，coords="x,y,r" 这里的 x 和 y 定义了圆心的位置（"0,0" 是图像左上角的坐标），r 是以像素为单位的圆形半径。
矩形：shape="rectangle"，coords="x1,y1,x2,y2" 第一对坐标是矩形的左上角的顶点坐标，另一对坐标是对角的顶点坐标(右下角)，("0,0" 是图像左上角的坐标)，请注意，定义矩形实际上是定义带有四个顶点的多边形的一种简化方法。
多边形：shape="poly"，coords="x1,y1,x2,y2,x3,y3,..." 每一对 "x,y" 坐标都定义了多边形的一个顶点("0,0" 是图像左上角的坐标)。定义三角形至少需要三组坐标；定义多边形则需要更多数量的顶点。
用 HTML 语言创建图像映射时，我们需要确定图像区域中的点坐标，用以下几种方法可以实现：
①：可以利用系统自带的画图工具确定坐标。
②：可以用 PS 确定坐标。按 Ctrl+r 快捷键，右键选定显示距离为像素，默认是厘米。
③：采用逆向思维把图像转换成图像映射，可以利用以下代码实现：
<p>
<a href="http://baidu.com/" target="_blank"><img src="images/demo.jpg" ismap alt="太阳系"></a>
</p>
之所以图片代码前引用一段 url 是为了鼠标停留在图片上时，可以在浏览器窗口的状态栏中看到返回值出现的点坐标，小手指点在哪里，对应的就是像素点的纵横坐标值，记下这个值，把它应用到创建图像映射的语法中，就能实现区域取值了。注意：某些浏览器不支持此功能不能查看坐标返回值，比如 360浏览器，可以使用 IE 浏览器记录。
<canvas> (H5) 标签定义图形，比如图表和其他图像，标签只是图形容器，你必须使用脚本来绘制图形。<canvas> 标签通过脚本(通常是 JavaScript)来绘制图形(比如图表和其他图像)。注意：<canvas> 标签只是图形容器，必须使用脚本来绘制图形。<canvas> 元素中的任何文本将会被显示在不支持 <canvas> 的浏览器中。width 和 height 属性规定画布的宽度和高度。
<figure> (H5) 标签规定独立的流内容（图像、图表、照片、代码等等）。<figure> 元素的内容应该与主内容相关，同时元素的位置相对于主内容是独立的，如果被删除，则不应对文档流产生影响。
<figcaption> (H5) 标签为 <figure> 元素定义标题。<figcaption> 元素应该被置于 <figure> 元素的第一个或最后一个子元素的位置。
<picture> (H5) 标签可以设置多张图片，主要被用来处理响应式图片。<picture> 元素类似于 <video> 和 <audio> 元素。<picture> 元素本身没有属性，被用来当做 <source> 元素的容器。<source> 元素是用来加载多媒体的比如视频和音频，已经被更新用到图片的加载并且一些新的属性已经被添加，srcset 属性的必需的，定义了图片资源。<picture> 元素可以设置不同的资源，第一个设置的资源为首选使用的：
<picture>
<source srcset="smallflower.jpg" media="(max-width:400px)">
<source srcset="flowers.jpg">
<img src="imges/flowers.jpg" alt="Flowers">
</picture>
注意：火狐浏览器支持 picture 标签。360 和 IE 不支持 picture 标签，需要搭载 JS 环境让 IE 浏览器识别 picture 标签。
(6)、多媒体标签
<audio> (H5) 标签定义音频内容，也就是定义声音，比如音乐或其他音频流。目前，HTML5 标准支持的3种文件格式：MP3、WAV、Ogg。有些浏览器不支持某种格式，建议采取两种格式写。音频格式的 MIME 类型：MP3-MIME-type：audio/mpeg 。Wav-MIME-type：audio/wav 。Ogg-MIME-type：audio/ogg 。可以在 <audio> 和 </audio> 之间放置文本内容，这些文本信息将会被显示在那些不支持 <audio> 标签的浏览器中。
<audio> 是 HTML5 新增加的标签，src 属性用于规定音频文件的 URL。autoplay 属性：如果出现该属性，则音频在就绪后马上播放。controls 属性：如果出现该属性，则向用户显示音频控件(比如播放/暂停按钮)。loop 属性：如果出现该属性，则每当音频结束时重新开始播放。muted 属性：如果出现该属性，则音频输出为静音。preload 属性值为（auto、metadata、none），用于规定当网页加载时，音频是否默认被加载以及如何被加载。
<video> (H5) 标签定义视频，比如电影片段或其他视频流。目前，HTML5 标准支持三种视频格式：MP4、WebM、Ogg。MP4 = MPEG 4文件使用 H264 视频编解码器和AAC音频编解码器。WebM = WebM 文件使用 VP8 视频编解码器和 Vorbis 音频编解码器。Ogg = Ogg 文件使用 Theora 视频编解码器和 Vorbis 音频编解码器。视频格式的 MIME 类型：MP4：video/mp4。WebM：video/webm。Ogg：video/ogg。 可以在 <video> 和 </video> 标签之间放置文本内容，这样不支持 <video> 元素的浏览器就可以显示出该标签的信息。
<video> 是 HTML5 新增加的标签，src 属性定义要播放的视频的 URL。width 和 height 属性用于设置视频播放器的宽度/高度。autoplay 属性值：如果出现该属性，则视频在就绪后马上播放。controls 属性：如果出现该属性，则向用户显示控件，比如播放按钮。loop 属性：如果出现该属性，则当媒介文件完成播放后再次开始播放。muted 属性：如果出现该属性，视频的音频输出为静音。poster 属性值为 URL 用于规定视频正在下载时显示的图像，直到用户点击播放按钮。preload 属性值为（auto、metadata、none）：如果出现该属性，则视频在页面加载时进行加载，并预备播放，如果使用 "autoplay"，则忽略该属性。
<source> (H5) 标签为媒介元素（比如 <video> 和 <audio>）定义媒介资源。<source> 标签允许规定两个视频/音频文件共浏览器根据它对媒体类型或者编解码器的支持进行选择。src 属性用于规定媒体文件的 URL。type 属性规定媒体资源的 MIME 类型。
<track> (H5) 标签为媒体元素（比如 <audio> and <video>）规定外部文本轨道。该元素用于规定字幕文件或其他包含文本的文件，当媒体播放时，这些文件是可见的。src 属性是必需的，用于规定轨道文件的 URL。default 属性规定该轨道是默认的。如果用户没有选择任何轨道，则使用默认轨道。kind 属性值为（captions、chapters、descriptions、metadata、subtitles）用于规定文本轨道的文本类型。srclang 属性用于规定轨道文本数据的语言，如果 kind 属性值是 "subtitles"，则该属性是必需的。label 属性规定文本轨道的标签和标题。
(7)、表单标签
HTML 表单用于搜集不同类型的用户输入，表单是一个包含表单元素的区域，表单元素是允许用户在表单中输入内容，如：文本域、下拉列表、单选框、复选框等等。
表单使用表单标签 <form>来设置，多数情况下被用到的表单标签是输入标签<input>。输入类型是由类型属性(type)定义的。大多数经常被用到的输入类型如下：
①：文本字段通过 <input type="text"> 标签来定义，当用户要在表单中键入字母、数字等内容时，就会用到文本字段输入。
②：密码字段通过 <input type="password"> 来定义。注意：密码字段字符不会明文显示，而是以星号或圆点替代。
③：单选框通过 <input type="radio"> 来定义。当用户从若干给定的的选择中选取其一时，就会用到单选框。
④：复选框通过<input type="checkbox"> 来定义。用户需要从若干给定的选择中选取一个或若干选项。
⑤：提交按钮通过<input type="submit"> 来定义。
⑥：下拉列表框通过 <form> 标签下的 <select> 标签来定义。<option value="bmw">BMW（宝马）</option> 标签则是定义下拉列表框中的内容。
其他：①：预选下拉列表框和下拉列表框格式是一样的，只需在作为预选值的标签中添加 selected(选择)：<option value="audi" selected>Audi（奥迪）</option>。
②：多行文本输入使用标签 <textarea rows="5" cols="30">定义，其中 rows 为行，cols 为列，可用于设定文本框的大小，也可以不设定，这不影响文本框输入文本的多少，只是会影响文本框显示的大小。更好的方法是通过 CSS 来定义文本域的宽和高。
<form> 标签用于创建供用户输入的 HTML 表单。<form> 元素包含一个或多个如下的表单元素：<input> <textarea> <button> <select> <option> <optgroup> <fieldset> <label>。注意：表单本身并不可见。HTML5 新增了两个新的属性：autocomplete 和 novalidate，同时不再支持 HTML4 中的某些属性。该标签的属性 action 是必需的，规定当提交表单时，向何处发送表单数据，其值为服务器地址，可能的值：绝对 RUL，指向其他站点，如：action="www.demo.com/index.html"，相对 URL，指向站点内的文件，如：action="index.html"。
<form> 属性两个最重要的属性：action 和 method， action 用于规定当提交表单时向何处发送表单数据。而 method 规定用于发送表单数据的 HTTP 方法，默认使用 GET 方式。accept-charset 属性规定服务器可处理的表单数据字符集。name 属性规定表单的名称，可用于在 JS 中引用元素，或者在表单提交之后引用表单数据。enctype 属性规定在向服务器发送表单数据之前如何对其进行编码，适用于 method="post" 的情况。target 属性可用于规定在何处打开 action URL。autocomplete 属性值为（on、off）用于规定是否启用表单的自动完成功能。novalidate 属性：如果使用该属性，则提交表单时不进行验证。
<input> 标签定义一个输入控件，规定了用户可以在其中输入数据的输入字段。<input> 元素在 <form> 元素中使用，用来声明允许用户输入数据的 input 控件，输入字段可通过多种方式改变，取决于 type 属性。注意：<input> 元素是空的，它只包含标签属性。可以使用 <label> 元素来定义 <input> 元素的标注。可以使用 CSS 来定义 <input> 元素的对齐方式。在 HTML5 中, <input> 添加了几个新属性，并且添加了对应的值。在 HTML 中，<input> 标签没有结束标签。
<input> 元素属性：type 属性规定要显示的 <input> 元素的类型，他的类型有：text（默认，单行的文本字段，宽度为20个字符）、button(按钮)、radio(单选按钮)、checkbox(复选框)、password(密码)、submit(提交按钮)、image(图像作为提交按钮)、reset(重置按钮)、hidden(隐藏输入字段)、file（定义文件选择字段和 "浏览..." 按钮，供文件上传）。以下都为 HTML5 新增加的 type 属性值：search(用于输入搜索字符串)、url(用于输入 URL 的字段)、email(用于 e-mail 地址)、tel(用于输入电话号码)、color(拾色器)、number(用于输入数字的字段)、range(用于精确值不重要的输入数字的控件，比如 slider 控件)、time(用于输入时间的控件，不带时区)、month(month 和 year 控件，不带时区)、week(week 和 year 控件，不带时区)、date(date 控件，包括年、月、日，不包括时间)、 datetime(date 和 time 控件，包括年、月、日、时、分、秒、几分之一秒，基于 UTC 时区)、 datetime-local(date 和 time 控件，包括年、月、日、时、分、秒、几分之一秒，不带时区)。 value 属性规定 <input> 元素的值。 name 属性规定 <input> 元素的名称。 src 属性规定显示为提交按钮的图像的 URL，只针对 type="image"。 alt 属性定义图像输入的替代文本，只针对 type="image"。 checked 属性规定在页面加载时应该被预先选定的 <input> 元素，只针对 type="checkbox" 或者 type="radio"。 readonly 属性规定输入字段是只读的。 disabled 属性规定应该禁用的 <input> 元素。 size 属性规定以字符数计的 <input> 元素的可见宽度。 maxlength 属性规定 <input> 元素中允许的最大字符数。 accept 属性值为(audio/* video/* image/* MIME_type)用于规定通过文件上传来提交的文件的类型，只针对 type="file"。
下面是 HTML5 为 <input> 元素新添加的属性：placeholder 属性规定可描述输入 <input> 字段预期值的简短的提示信息 。required 属性规定必需在提交表单之前填写输入字段。autocomplete 属性值为（on、off）用于规定 <input> 元素输入字段是否应该启用自动完成功能。autofocus 属性规定当页面加载时 <input> 元素应该自动获得焦点。multiple 属性规定允许用户输入到 <input> 元素的多个值。pattern 属性规定用于验证 <input> 元素的值的正则表达式。step 属性规定 <input> 元素的合法数字间隔。list 属性值为 datalist_id，该属性引用 <datalist> 元素，其中包含 <input> 元素的预定义选项。width 和 height 属性用于规定 <input>元素的宽度/高度，只针对 type="image"。max 和 min 属性规定 <input> 元素的最大/最小值。form 属性值为 form_id 用于规定 <input> 元素所属的一个或多个表单。formaction 属性规定当表单提交时处理输入控件的文件的 URL，只针对 type="submit" 和 type="image"。formenctype 属性规定当表单数据提交到服务器时如何编码，只适合 type="submit" 和 type="image"。formmethod 属性值为（get、post） 用于定义发送表单数据到 action URL 的 HTTP 方法，只适合 type="submit" 和 type="image"。formtarget 属性值为（_blank、_self、_parent、_top、framename）用于规定表示提交表单后在哪里显示接收到响应的名称或关键词，只适合 type="submit" 和 type="image"。formnovalidate 属性覆盖 form 元素的 novalidate 属性，当表单提交时 <input> 元素不进行验证，该属性可与 type="submit" 配合使用。
复选框中默认选择一个选项（预选项）是这样定义的：<input type="checkbox" name="vehicle" value="Rocket" checked>。 checked 属性是预选，复选框中的预选项是可以取消的，单选框中默认选择一个选项（预选项）和复选框的预选项格式是一样的，不同的是单选按钮中的预选项不可以取消掉，只能换一个选择。
表单中发送电子邮件，可以在表单标签 <form> 的 action 属性中定义，<form action="mailto:123456@qq.com" method="post" enctype="text/plain">。method 属性是传输方法，POST 是一种隐秘的传送方式，传送数据无限制，安全级别高。GET 是直接传送方式，传送数据有限制，安全级别不高。enctype 属性是内容类型，enctype=text/plain 也就表示普通的文本。
<datalist> (H5) 标签规定了 <input> 元素可能的选项列表。<datalist> 标签被用来为 <input> 元素提供"自动完成"的特性，用户能看到一个下拉列表，里边的选项是预先定义好的，将作为用户的输入数据，可以使用 <input> 元素的 list 属性来绑定 <datalist> 元素。
<label> 标签为 <input> 元素定义标注（标记）。label 元素不会向用户呈现任何特殊效果，不过，它为鼠标用户改进了可用性。如果在 label 元素内点击文本，就会触发此控件，也就是说，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。<label> 标签的 for 属性应当与相关元素的 id 属性相同。提示："for" 属性可把 label 绑定到另外一个元素，需要把 "for" 属性的值设置为相关元素的 id 属性的值。for 属性值为 element_id 用于规定 label 与哪个表单元素绑定。form 是 HTML5 一个新属性用于规定 label 字段所属的一个或多个表单。
<textarea> 标签定义一个多行的文本输入控件。文本区域中可容纳无限数量的文本，其中的文本的默认字体是等宽字体，通常是 Courier，该字体是一种常见的计算机字体。
可以通过 cols 和 rows 属性来规定 textarea 的尺寸大小，不过更好的办法是使用 CSS 的 height 和 width 属性。name 属性规定了文本区域的名称。readonly 属性规定文本区域为只读。disabled 规定禁用文本区域。HTML5 还增加了一些新的属性：placeholder 属性规定一个简短的提示，描述文本区域期望的输入值。required 属性规定文本区域是必需的/必填的。autofocus 属性规定当页面加载时，文本区域自动获得焦点。maxlength 属性规定文本区域允许的最大字符数。wrap 属性值为（hard、soft）用于规定当提交表单时，文本区域中的文本应该怎样换行。form 属性定义文本区域所属的一个或多个表单。
<button> 标签定义一个按钮。在 <button> 元素内部，可以放置内容，比如文本或图像。这是该元素与使用 <input> 元素创建的按钮之间的不同之处。始终要为 <button> 元素规定 type 属性。不同的浏览器对 <button> 元素的 type 属性使用不同的默认值。注意：如果在 HTML 表单中使用 <button> 元素，不同的浏览器可能会提交不同的按钮值。所以要使用 <input> 在 HTML 表单中创建按钮。name 属性规定按钮的名称。type 属性值为（button、submit、reset）用于规定按钮的类型。value 属性规定按钮的初始值，可由 JS 进行修改。disabled 属性规定应该禁用该按钮。HTML5 中的新属性：autofocus(自动获得焦点)、form(按钮属于一个或多个表单)、formaction（向何处发送数据，覆盖 form 元素的 action 属性，与 type="submit" 配合使用）、formenctype（发送表单之前如何编码，覆盖 form 元素的 enctype 属性，与 type="submit" 配合使用）、formmethod（发送表单的方法，覆盖 form 元素的 method 属性，与 type="submit" 配合使用）、formnovalidate（提交表单时不进行验证，覆盖 form 元素的 novalidate 属性，与 type="submit" 配合使用）以及 formtarget（在何处打开 action URL，覆盖 form 元素的 target 属性，与 type="submit" 配合使用）。
<select> 元素用来创建下拉列表。<select> 元素中的 <option> 标签定义了列表中的可用选项。<select> 元素是一种表单控件，可用于在表单中接受用户输入。name 属性定义下拉列表的名称。size 属性规定下拉列表中可见选项的数目。multiple 属性：当该属性为 true 时，可选择多个选项。disabled 属性：当该属性为 true 时，会禁用下拉列表。HTML5 增加了一些新的属性：autofocus 属性规定在页面加载时下拉列表自动获得焦点。form 属性定义 select 字段所属的一个或多个表单。required 属性规定用户在提交表单前必须选择一个下拉列表中的选项。
<option> 标签定义下拉列表中的一个选项，也就是一个条目。<option> 标签中的内容作为 <select> 或者 <datalist> 一个元素使用。<option> 标签可以在不带有任何属性的情况下使用，但是通常需要使用 value 属性，此属性会指示出被送往服务器的内容。注意：请与 select 元素配合使用此标签，否则这个标签是没有意义的。如果列表选项很多，可以使用 <optgroup> 标签对相关选项进行组合。value 属性定义送往服务器的选项值。disabled 属性规定此选项应在首次加载时被禁用。label 属性定义当使用 <optgroup> 时所使用的标注。selected 属性规定选项（在首次显示在列表中时）表现为选中状态。
<optgroup> 标签经常用于把相关的选项组合在一起。如果你有很多的选项组合, 你可以使用<optgroup> 标签能够很简单的将相关选项组合在一起。label 属性为选项组规定描述。disabled 属性规定禁用该选项组。
<fieldset> 标签定义了一组相关的表单元素，并使用外框包含起来。该标签可以将表单内的相关元素分组，而且会在相关表单元素周围绘制边框。提示：<legend> 标签为 <fieldset> 元素定义标题。HTML5 给 <fieldset> 元素新增加了属性：name（规定 fieldset 的名称）。disabled（规定该组中的相关表单元素应该被禁用）、form（规定 fieldset 所属的一个或多个表单）。
<legend> 元素为 <fieldset> 元素定义标题。可以使用 CSS 来设置 <legend> 元素的对齐方式。
<keygen> (H5) 标签规定用于表单的密钥对生成器字段。当提交表单时，私钥存储在本地，公钥发送到服务器。keytype 属性值为（rsa、dsa、ec）用于定义密钥的安全算法，默认值为 rsa，规定 RSA 安全算法，RSA 密钥强度可由用户选择。dsa 规定 DSA 安全算法，DSA 密钥长度可由用户选择。ec 规定 EC 安全算法，EC 密钥强度可由用户选择。autofocus 属性使 <keygen> 字段在页面加载时获得焦点。challenge 属性：如果使用该属性，则将 <keygen> 的值设置为在提交时询问。name 属性定义 <keygen> 元素的唯一名称，用于在提交表单时搜集字段的值。disabled 属性禁用 <keygen> 元素字段。form 属性定义该 <keygen> 字段所属的一个或多个表单。
<output> (H5) 标签作为计算结果输出显示，比如执行脚本的输出。name 属性定义对象的唯一名称，在表单提交时使用。for 属性值为 element_id 用于描述计算中使用的元素与计算结果之间的关系。form 属性定义输入字段所属的一个或多个表单。
浙公网安备 33010602011771号