<?xml version="1.0" encoding="utf-8"?>
<!-- generator="FeedCreator 1.7.2-ppt DokuWiki" -->
<?xml-stylesheet href="http://zhidian.wuute.com/html5dev/lib/exe/css.php?s=feed" type="text/css"?>
<rdf:RDF
    xmlns="http://purl.org/rss/1.0/"
    xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
    xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
    xmlns:dc="http://purl.org/dc/elements/1.1/">
    <channel rdf:about="http://zhidian.wuute.com/html5dev/feed.php">
        <title>HTML5知典 16:86:86</title>
        <description></description>
        <link>http://zhidian.wuute.com/html5dev/</link>
        <image rdf:resource="http://zhidian.wuute.com/html5dev/lib/tpl/bootstrap3_1/images/favicon.ico" />
       <dc:date>2026-05-20T19:09:39+09:00</dc:date>
        <items>
            <rdf:Seq>
                <rdf:li rdf:resource="http://zhidian.wuute.com/html5dev/doku.php/16/86/86/a?rev=1492947647&amp;do=diff"/>
                <rdf:li rdf:resource="http://zhidian.wuute.com/html5dev/doku.php/16/86/86/button?rev=1492947647&amp;do=diff"/>
                <rdf:li rdf:resource="http://zhidian.wuute.com/html5dev/doku.php/16/86/86/datalist?rev=1492947647&amp;do=diff"/>
                <rdf:li rdf:resource="http://zhidian.wuute.com/html5dev/doku.php/16/86/86/dialog?rev=1492947647&amp;do=diff"/>
                <rdf:li rdf:resource="http://zhidian.wuute.com/html5dev/doku.php/16/86/86/fieldset?rev=1492947647&amp;do=diff"/>
                <rdf:li rdf:resource="http://zhidian.wuute.com/html5dev/doku.php/16/86/86/form?rev=1492947647&amp;do=diff"/>
                <rdf:li rdf:resource="http://zhidian.wuute.com/html5dev/doku.php/16/86/86/input?rev=1492947647&amp;do=diff"/>
                <rdf:li rdf:resource="http://zhidian.wuute.com/html5dev/doku.php/16/86/86/label?rev=1492947647&amp;do=diff"/>
                <rdf:li rdf:resource="http://zhidian.wuute.com/html5dev/doku.php/16/86/86/legend?rev=1492947647&amp;do=diff"/>
                <rdf:li rdf:resource="http://zhidian.wuute.com/html5dev/doku.php/16/86/86/menu?rev=1492949215&amp;do=diff"/>
                <rdf:li rdf:resource="http://zhidian.wuute.com/html5dev/doku.php/16/86/86/meter?rev=1492947647&amp;do=diff"/>
                <rdf:li rdf:resource="http://zhidian.wuute.com/html5dev/doku.php/16/86/86/optgroup?rev=1492947647&amp;do=diff"/>
                <rdf:li rdf:resource="http://zhidian.wuute.com/html5dev/doku.php/16/86/86/option?rev=1492947647&amp;do=diff"/>
                <rdf:li rdf:resource="http://zhidian.wuute.com/html5dev/doku.php/16/86/86/output?rev=1492947647&amp;do=diff"/>
                <rdf:li rdf:resource="http://zhidian.wuute.com/html5dev/doku.php/16/86/86/progress?rev=1492949419&amp;do=diff"/>
                <rdf:li rdf:resource="http://zhidian.wuute.com/html5dev/doku.php/16/86/86/select?rev=1492947648&amp;do=diff"/>
                <rdf:li rdf:resource="http://zhidian.wuute.com/html5dev/doku.php/16/86/86/start?rev=1492947556&amp;do=diff"/>
                <rdf:li rdf:resource="http://zhidian.wuute.com/html5dev/doku.php/16/86/86/textarea?rev=1492947648&amp;do=diff"/>
            </rdf:Seq>
        </items>
    </channel>
    <image rdf:about="http://zhidian.wuute.com/html5dev/lib/tpl/bootstrap3_1/images/favicon.ico">
        <title>HTML5知典</title>
        <link>http://zhidian.wuute.com/html5dev/</link>
        <url>http://zhidian.wuute.com/html5dev/lib/tpl/bootstrap3_1/images/favicon.ico</url>
    </image>
    <item rdf:about="http://zhidian.wuute.com/html5dev/doku.php/16/86/86/a?rev=1492947647&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2017-04-23T20:40:47+09:00</dc:date>
        <title>a</title>
        <link>http://zhidian.wuute.com/html5dev/doku.php/16/86/86/a?rev=1492947647&amp;do=diff</link>
        <description>a

用途

&lt;a&gt; 元素定义超链接，它用于从一个页面连接到另一个页面。

例子

代码


&lt;a href=&quot;http://www.html5dev.insidekb.cn&quot;&gt;HTML5开发专网&lt;/a&gt;




执行结果 




属性

标准属性
属性描述HTML5新全局核心属性全局文本属性全局操作属性download指定下载时的文件名</description>
    </item>
    <item rdf:about="http://zhidian.wuute.com/html5dev/doku.php/16/86/86/button?rev=1492947647&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2017-04-23T20:40:47+09:00</dc:date>
        <title>button</title>
        <link>http://zhidian.wuute.com/html5dev/doku.php/16/86/86/button?rev=1492947647&amp;do=diff</link>
        <description>button

用途

元素用来定义按钮。你能够为&lt;button&gt;元素添加内容， 例如文档或者图像。这是使用 &lt;input&gt; 元素创建的按钮与该元素两者之间的不同之处。

&lt;button&gt;元素同&lt;input type=“button”&gt;相比，前者拥有更为强大的功能和更加丰富的内容。</description>
    </item>
    <item rdf:about="http://zhidian.wuute.com/html5dev/doku.php/16/86/86/datalist?rev=1492947647&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2017-04-23T20:40:47+09:00</dc:date>
        <title>datalist</title>
        <link>http://zhidian.wuute.com/html5dev/doku.php/16/86/86/datalist?rev=1492947647&amp;do=diff</link>
        <description>datalist

用途

&lt;datalist&gt; 元素表示 &lt;option&gt; 元素列表，通常同 &lt;input&gt; 元素配合使用，用来定义输入值的下拉列表。

例子

代码


&lt;input id=&quot;rela&quot; list=&quot;relations&quot; /&gt;
&lt;datalist id=&quot;relations&quot;&gt;
  &lt;option value=&quot;Brother&quot;&gt;
  &lt;option value=&quot;Sister&quot;&gt;
  &lt;option value=&quot;Uncle&quot;&gt;
  &lt;option value=&quot;Aunt&quot;&gt;
&lt;/datalist&gt;</description>
    </item>
    <item rdf:about="http://zhidian.wuute.com/html5dev/doku.php/16/86/86/dialog?rev=1492947647&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2017-04-23T20:40:47+09:00</dc:date>
        <title>dialog</title>
        <link>http://zhidian.wuute.com/html5dev/doku.php/16/86/86/dialog?rev=1492947647&amp;do=diff</link>
        <description>dialog

用途

&lt;dialog&gt;元素用于定义对话框。

例子

代码


&lt;dialog open&gt;123456789&lt;/dialog&gt;




执行结果




属性

标准属性
属性 描述  HTML5新 全局核心属性   全局文本属性   全局操作属性   open	指定dialog元素是可活动的，用户能够与之进行交互。</description>
    </item>
    <item rdf:about="http://zhidian.wuute.com/html5dev/doku.php/16/86/86/fieldset?rev=1492947647&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2017-04-23T20:40:47+09:00</dc:date>
        <title>fieldset</title>
        <link>http://zhidian.wuute.com/html5dev/doku.php/16/86/86/fieldset?rev=1492947647&amp;do=diff</link>
        <description>fieldset

用途

&lt;fieldset&gt; 元素用于奖表单中的元素进行分组。该元素把 HTML 表单的一部分内容进行打包，生成一组与表单相关的字段。

当几个表单元素放到 &lt;fieldset&gt; 标签中后，浏览器能够用特殊的方式来显示这些元素，这些元素可能拥有特殊的边界、3D效果，甚至能够创建一个子表单来出来这些元素。</description>
    </item>
    <item rdf:about="http://zhidian.wuute.com/html5dev/doku.php/16/86/86/form?rev=1492947647&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2017-04-23T20:40:47+09:00</dc:date>
        <title>form</title>
        <link>http://zhidian.wuute.com/html5dev/doku.php/16/86/86/form?rev=1492947647&amp;do=diff</link>
        <description>form

用途

&lt;form&gt; 元素用于创建用户输入的 HTML 表单。该表单能够含有文本段，单选复选框，按钮等。该表单还可用于向指定的 URL 或服务器传递数据。

例子

代码

&lt;form&gt;
  &lt;fieldset&gt;
    &lt;legend&gt;个人基本信息&lt;/legend&gt;
    姓名：&lt;input type=&quot;text&quot; /&gt;&lt;br /&gt;
    年龄：&lt;input type=&quot;text&quot; /&gt;
  &lt;/fieldset&gt;
&lt;/form&gt;</description>
    </item>
    <item rdf:about="http://zhidian.wuute.com/html5dev/doku.php/16/86/86/input?rev=1492947647&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2017-04-23T20:40:47+09:00</dc:date>
        <title>input</title>
        <link>http://zhidian.wuute.com/html5dev/doku.php/16/86/86/input?rev=1492947647&amp;do=diff</link>
        <description>input

用途

&lt;input&gt; 元素定义输入字段，用户能够在该元素中输入相关数据。

例子

代码

&lt;input type=&quot;text&quot; name=&quot;wholeName&quot; id=&quot;name&quot; /&gt;
&lt;input type=&quot;submit&quot; /&gt;



执行结果




属性

标准属性
属性 描述  HTML5新</description>
    </item>
    <item rdf:about="http://zhidian.wuute.com/html5dev/doku.php/16/86/86/label?rev=1492947647&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2017-04-23T20:40:47+09:00</dc:date>
        <title>label</title>
        <link>http://zhidian.wuute.com/html5dev/doku.php/16/86/86/label?rev=1492947647&amp;do=diff</link>
        <description>label

用途

 元素定义 &lt;input&gt; 元素的标注。该元素不会显示任何特殊效果，若在 &lt;label&gt; 元素内点击文本，就会触发该元素，即用户点击该元素，浏览器就会自动将焦点移到该元素相关的表单控件上。</description>
    </item>
    <item rdf:about="http://zhidian.wuute.com/html5dev/doku.php/16/86/86/legend?rev=1492947647&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2017-04-23T20:40:47+09:00</dc:date>
        <title>legend</title>
        <link>http://zhidian.wuute.com/html5dev/doku.php/16/86/86/legend?rev=1492947647&amp;do=diff</link>
        <description>legend

用途

&lt;legend&gt; 元素为 &lt;fieldset&gt; , &lt;figure&gt; 或 &lt;details&gt; 元素定义标题。

例子

代码


&lt;form&gt;
  &lt;fieldset&gt;
    &lt;legend&gt;个人基本信息&lt;/legend&gt;
    姓名：&lt;input type=&quot;text&quot; /&gt;&lt;br /&gt;
    年龄：&lt;input type=&quot;text&quot; /&gt;
  &lt;/fieldset&gt;
&lt;/form&gt;




执行结果</description>
    </item>
    <item rdf:about="http://zhidian.wuute.com/html5dev/doku.php/16/86/86/menu?rev=1492949215&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2017-04-23T21:06:55+09:00</dc:date>
        <title>menu(x)</title>
        <link>http://zhidian.wuute.com/html5dev/doku.php/16/86/86/menu?rev=1492949215&amp;do=diff</link>
        <description>menu(x)

用途

&lt;menu&gt; 元素定义一个命令的列表或者菜单。在用语上下文菜单、工具栏或列出表单控件时使用该元素。

例子

代码


&lt;menu&gt;
&lt;li&gt;&lt;input type=&quot;checkbox&quot; /&gt;First&lt;/li&gt;
&lt;li&gt;&lt;input type=&quot;checkbox&quot; /&gt;Second&lt;/li&gt;
&lt;li&gt;&lt;input type=&quot;checkbox&quot; /&gt;Third&lt;/li&gt;
&lt;/menu&gt;</description>
    </item>
    <item rdf:about="http://zhidian.wuute.com/html5dev/doku.php/16/86/86/meter?rev=1492947647&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2017-04-23T20:40:47+09:00</dc:date>
        <title>meter</title>
        <link>http://zhidian.wuute.com/html5dev/doku.php/16/86/86/meter?rev=1492947647&amp;do=diff</link>
        <description>meter

用途

&lt;meter&gt; 元素定义度量（单位）。仅用于已知最大和最小值的度量。

例子

代码


&lt;meter value=&quot;0.9&quot;&gt;90%&lt;/meter&gt;




执行结果




属性

标准属性
属性 描述  HTML5新 全局核心属性   全局文本属性   全局操作属性   form	定义该标签元素所属的一个或多个表单。</description>
    </item>
    <item rdf:about="http://zhidian.wuute.com/html5dev/doku.php/16/86/86/optgroup?rev=1492947647&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2017-04-23T20:40:47+09:00</dc:date>
        <title>optgroup</title>
        <link>http://zhidian.wuute.com/html5dev/doku.php/16/86/86/optgroup?rev=1492947647&amp;do=diff</link>
        <description>optgroup

用途

&lt;outgroup&gt;元素定义选项组，该元素允许组合选项。当希望使用长的选项列表时，能够更加容易对相应的选项进行组合。

例子

代码


&lt;select&gt;
      &lt;optgroup label=&quot;Number&quot;&gt;
      &lt;option value =&quot;one&quot;&gt;One&lt;/option&gt;
      &lt;option value =&quot;two&quot;&gt;Two&lt;/option&gt;
      &lt;option value =&quot;three&quot;&gt;Three&lt;/option&gt;                  
      &lt;option value =&quot;four&quot;&gt;Four&lt;/option&gt;
      &lt;/optgroup&gt;
&lt;/select&gt;</description>
    </item>
    <item rdf:about="http://zhidian.wuute.com/html5dev/doku.php/16/86/86/option?rev=1492947647&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2017-04-23T20:40:47+09:00</dc:date>
        <title>option</title>
        <link>http://zhidian.wuute.com/html5dev/doku.php/16/86/86/option?rev=1492947647&amp;do=diff</link>
        <description>option

用途

&lt;option&gt;元素定义下拉列表中的某一选项，其中的内容作为&lt;select&gt;元素的菜单中的菜单或滚动列表中的某一元素显示。&lt;option&gt;元素位于&lt;select&gt;元素内部。

例子

代码


&lt;select&gt;
  &lt;option value=&quot;first&quot;&gt;First&lt;/option&gt;
  &lt;option value=&quot;second&quot; selected=&quot;selected&quot;&gt;Second&lt;/option&gt;
  &lt;option value=&quot;third&quot;&gt;Third&lt;/option&gt;
&lt;/select&gt;</description>
    </item>
    <item rdf:about="http://zhidian.wuute.com/html5dev/doku.php/16/86/86/output?rev=1492947647&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2017-04-23T20:40:47+09:00</dc:date>
        <title>output</title>
        <link>http://zhidian.wuute.com/html5dev/doku.php/16/86/86/output?rev=1492947647&amp;do=diff</link>
        <description>output

用途

&lt;output&gt;元素定义不同类型的输出，例如脚本的输出。

例子

代码


  &lt;form&gt;
    &lt;output&gt;100&lt;/output&gt;
  &lt;/form&gt; 




执行结果 




属性

标准属性
属性 描述  HTML5新 全局核心属性   全局文本属性   全局操作属性   for	指定表单元素痛label绑定</description>
    </item>
    <item rdf:about="http://zhidian.wuute.com/html5dev/doku.php/16/86/86/progress?rev=1492949419&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2017-04-23T21:10:19+09:00</dc:date>
        <title>progress</title>
        <link>http://zhidian.wuute.com/html5dev/doku.php/16/86/86/progress?rev=1492949419&amp;do=diff</link>
        <description>progress

用途

progress元素用于显示任务的进度。可使用progress元素来显示JavaScript中耗费时间的函数进程。

例子


&lt;progress value=&quot;25&quot; max=&quot;50&quot;&gt;%&lt;/progress&gt;




执行结果




属性

标准属性
属性 描述  HTML5新</description>
    </item>
    <item rdf:about="http://zhidian.wuute.com/html5dev/doku.php/16/86/86/select?rev=1492947648&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2017-04-23T20:40:48+09:00</dc:date>
        <title>select</title>
        <link>http://zhidian.wuute.com/html5dev/doku.php/16/86/86/select?rev=1492947648&amp;do=diff</link>
        <description>select

用途

&lt;select&gt; 元素创建下拉列表。

例子

代码


&lt;select&gt;
  &lt;option value=&quot;first&quot;&gt;First&lt;/option&gt;
  &lt;option value=&quot;second&quot; selected&gt;Second&lt;/option&gt;
  &lt;option value=&quot;third&quot;&gt;Third&lt;/option&gt;
&lt;/select&gt;




执行结果



属性

标准属性</description>
    </item>
    <item rdf:about="http://zhidian.wuute.com/html5dev/doku.php/16/86/86/start?rev=1492947556&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2017-04-23T20:39:16+09:00</dc:date>
        <title>用户交互</title>
        <link>http://zhidian.wuute.com/html5dev/doku.php/16/86/86/start?rev=1492947556&amp;do=diff</link>
        <description>用户交互

定义

用户交互(Interactive)元素是用于创建交互式用户界面对象的HTML元素。

概述

交互元素就是和用户进行互动的元素，交互元素有获取用户键盘入力的输入框(&lt;input&gt;标签),有执行用户命令的按钮(&lt;button&gt;标签),以及将处理结果反馈给用户的输出(&lt;output&gt;标签)等。</description>
    </item>
    <item rdf:about="http://zhidian.wuute.com/html5dev/doku.php/16/86/86/textarea?rev=1492947648&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2017-04-23T20:40:48+09:00</dc:date>
        <title>textarea</title>
        <link>http://zhidian.wuute.com/html5dev/doku.php/16/86/86/textarea?rev=1492947648&amp;do=diff</link>
        <description>textarea

用途

&lt;textarea&gt;元素定义多行的文本区域。

例子

代码


&lt;textarea rows=&quot;5&quot; cols=&quot;50&quot;&gt;
文本区域
&lt;/textarea&gt;




执行结果




属性

标准属性
属性 描述  HTML5新 全局核心属性   全局文本属性   全局操作属性   autofocus	在页面加载时，使文本区域自动获得焦点。</description>
    </item>
</rdf:RDF>
