●details

details元素提供一种代替JavaScript的方法,它主要是提供一个快捷、简化的方法, 将页面上的部分区域进行展示或收缩。即details元素用来描述文档或文档某个部分的细节 。
details元素经常与 summary元素配合使用可以为 details 定义标题。标题是可见的,用户点击标题时,会显示出 details。
当单击summary元素中的内容文字时,details元素中的其他从属元素将会展开或收缩。如果没有找到summary元素,浏览器将会提供自己默认的
显示文本(默认显示’详细信息’)。
属性 open 值open
默认不显示隐藏内容

<details>
        <summary>实战教程系列图书</summary>
        <ul>
            <li> <a href="#">《html5 + css3 实战教程》</a></li>
            <li> <a href="#">《sql server 2010实战教程》</a></li>
            <li> <a href="#">《asp.net实战教程》</a></li>
            <li> <a href="#">《javaweb实战教程》</a></li>
            <li> <a href="#">《Oracle实战教程》</a></li>
        </ul>
    </details>

html5 detail html5details怎么用_控件


●menu

menu元素用来定义菜单列表,适用于菜单、工具栏以及弹出菜单。在HTML4.01废除,在HTML5中重新定义。
menu元素经常与li元素结合使用,用来定义一个列表式的菜单
3个属性
1:autosubmit       true/false       如果该值为true,表示当表单控件改变时会自动提交
2:label     menulabel        为菜单定义一个可见的标注
3:type     list(默认)、context、toolbar          定义显示哪种类型的菜单

<menu>
         <li>
             <a href="#" target="_blank" title="谷歌浏览器"></a>
             <a href="#" target="_blank" >下载</a>
             <p>Google Chrome 的特点是简洁、快捷...</p>
        </li>
        <li>
                <a href="#" target="_blank" title="IE9"></a>
                <a href="#" target="_blank" >下载</a>
                <p> IE9 beta是微软发布的首个ie9测试版本...</p>
           </li>
     </menu>

●command

command元素用来定义用户能够强调各种命令的按钮,如复选框按钮、单选按钮和图片按钮等。
只有当command元素为与menu元素中时才是可见的,否则不会显示,但是它可以用来规定键盘快捷键。
6个属性
属性名             值
checked       checked         定义是否被选中,仅用于radio或Checkbox
disabled       disabled         定义command是否可用
icon               url                   定义作为command来显示的图像url
label               text                 为command定义可见的label
radiogroup       groupname       定义command所属的组名,尽在类型为radio时使用
type             checkbox/command(默认)/radio           定义该command元素的类型
现仅IE支持。

●datagrid

datagrid元素提供一个网络控件,可以显示树、表格和列表、用户和脚本可以跟新这些界面元素。
datagrid元素与常规表格曲表在于,用户可以选择行、列和单元格;把行、列和单元格折叠起来;编辑单元格;
删除行、列和单元格;对网络排序;客户端浏览器中直接进行其他数据操作;以及用JavaScript脚本代码监视跟新等。