●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>
●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脚本代码监视跟新等。