details和summary

【details和summary】的更多相关文章

details和summary可以对内容进行折叠

使用<details>和<summary>元素它可以在body的任意地方使用下面有一个小例子 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>summary</title> </head> <body> <details> <summar…

三个不常用的HTML元素：<details>、<summary>、<dialog>

前面的话 HTML5不仅新增了语义型区块级元素及表单类元素,也新增了一些其他的功能性元素,这些元素由于浏览器支持等各种原因,并没有被广泛使用文档描述 <details>主要用于描述文档或文档某个部分的细节,与<summary>配合使用可以为<details>定义标题.标题是可见的,用户点击标题时,显示出details [注意]这两个标签只有chrome和opera支持 <details> 该标签仅有一个open属性,用来定义details是否可见(默认为不…

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>details</title> </head> <body> <details> <summary>html5视频教程</summary> <p>CSS 我们可以大大提升网页开发的工作效…

details和summary标签

用于文档说明,有自带收缩.展开功能 <!DOCTYPE HTML> <html> <body> <details> <summary>HTML 5</summary> This document teaches you everything you have to learn about HTML 5. </details> </body> </html> http://www.w3school.c…

html5中 input的pattern属性和 details/summary元素

html5--3.21 课程小结与其他新增元素一.总结一句话总结: input的pattern属性可以设置正则验证,比如检测学号的位数和数字区间 details/summary元素配合起来可以做元素折叠的效果,summary为detail设置标题请输入你的学号:<input type="text" name="name" pattern="[0-9]{4}"> 1.details/summary元素实例? details/sum…

HTML5 <details> 标签

HTML5 中新增的<details>标签允许用户创建一个可展开折叠的元件,让一段文字或标题包含一些隐藏的信息. 用法一般情况下,details用来对显示在页面的内容做进一步骤解释.其展现出来的效果和jQuery手风琴插件差不多. 其大致写法如下: <details> <summary>Google Nexus 6</summary> <p>商品详情:</p> <dl> <dt>屏幕</dt> &…

h5交互元素details标签

details是h5新增的交互元素,details与 summary 标签配合使用可以为 details 定义标题.默认情况下,不显示 details 标记中的内容.当用户点击标题时,会显示出 details. details元素的常用属性如下: open:值为open,功能是定义details是否可见. subject:值为sub_id,功能是设置元素所对应项目的ID号. draggable:值为true或false,功能是设置是否可以拖动元素,默认值是false. 简单的details示例:…