html details 元素控制

【HTML5】用脚本控制交互元素details元素的使用

1.源码 <!. Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> </xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>脚本控制交

http://blog.csdn.net/gisredevelopment/article/details/41126533 一.在元素内部/外部追加元素 append,prepend:添加到子元素 before,after:作为兄弟元素添加 html: <div id="content"> 在我的后面追加一条新闻 </div> js: <script type="text/javascript"> jQuery(function

jquery 元素控制(追加元素/追加内容)

参考网址:http://www.jquerycn.cn/a_5521 一.在元素内部/外部追加元素 append,prepend:添加到子元素 before,after:作为兄弟元素添加 html: 复制代码代码如下: <div id="content"> <p>在我的后面追加一条新闻</p> </div> Javascript: 复制代码代码如下: <script type="text/javascript&quo

jquery 元素控制(附加元素/其他内容)引进和应用

一个.在内部元素/外部附加元件 append,prepend:加入到该子元素 before,after:元素加入 html: <div id="content"> 在我的后面追加一条新闻 </div> js: <script type="text/javascript"> jQuery(function(){ //在元素内部追加内容 $("#content").append(" 姚明退役了... &

JavaScript-dom3 json_str dom元素控制模拟百度搜索

访问关系-封装代码 html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>访问关系封装</title> <style> li{ width: 100px; height: 100px; background-color: pink; margin: 5px; list-style: non

通过 :hover 伪元素控制其他元素

---代码 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> #test{ width: 200px; height: 200px; background: red; } #test:hover+#test2{ width: 100px; } #test2{ width: 200px; height:

h5交互元素details标签

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

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

学习笔记——关于HTML（含HTML5）的块级元素和行级（内联）元素总结

1.首先我们要知道什么是块级元素和行级(内联)元素? 块级(block)元素的特点: ①总是在新行上开始: ②高度,行高以及外边距和内边距都可控制: ③宽度缺省是它的容器的100%,除非设定一个宽度: ④它可以容纳内联元素和其他块元素. 内联(inline)元素的特点: ①和其他元素都在一行上: ②高,行高及外边距和内边距不可改变: ③宽度就是它的文字或图片的宽度,不可改变: ④内联元素只能容纳文本或者其他内联元素. 2.好的,我们来看看块级元素: div:文档节section:文档节nav:导

HTML5新增元素、标签总结

总是遇到h5新标签的笔试题目,就查阅了资料来总结一下: 1.form相关: (1)form属性:在HTML5中表单元素可放在表单之外,通过给该元素添加form属性来指向目标表单(form属性值设为目标表单id)即可. (2)formaction属性:HTML5给提交按钮(如button.submit.image等)增加了formaction属性,以便提交到不同的服务器地址. <input formaction="new.html" type="submit"

HTML5新增元素，标签总结

总是遇到h5新标签的笔试题目,就查阅了资料来总结一下: 1.form相关: (1)form属性:在HTML5中表单元素可放在表单之外,通过给该元素添加form属性来指向目标表单(form属性值设为目标表单id)即可. (2)formaction属性:HTML5给提交按钮(如button.submit.image等)增加了formaction属性,以便提交到不同的服务器地址. <input formaction="new.html" type="submit"

HTML元素（包括HTML5）的标签、属性及事件大全

1.标签列表标签描述 <!–…–> 定义注释. <!DOCTYPE> 定义文档类型. <a> 定义超链接. <abbr> 定义缩写. <acronym> HTML 5 中不支持.定义首字母缩写. <address> 定义地址元素. <applet> HTML 5 中不支持.定义 applet. <area> 定义图像映射中的区域. <article> 定义 article. <aside&

关于HTML（含HTML5）的块级元素和行级（内联）元素总结

1.首先我们要知道什么是块级元素和行级(内联)元素? 块级(block)元素的特点: ①总是在新行上开始: ②高度,行高以及外边距和内边距都可控制: ③宽度缺省是它的容器的100%,除非设定一个宽度: ④它可以容纳内联元素和其他块元素. 内联(inline)元素的特点: ①和其他元素都在一行上: ②高,行高及外边距和内边距不可改变: ③宽度就是它的文字或图片的宽度,不可改变: ④内联元素只能容纳文本或者其他内联元素. 2.好的,我们来看看块级元素: div:文档节section:文档节nav:导

html5 新增元素以及css3新特性

HTML5 1.HTML5 新元素 HTML5提供了新的元素来创建更好的页面结构: 标签描述 <article> 定义页面独立的内容区域. <aside> 定义页面的侧边栏内容. <bdi> 允许您设置一段文本,使其脱离其父元素的文本方向设置. <command> 定义命令按钮,比如单选按钮.复选框或按钮 <details> 用于描述文档或文档某个部分的细节 <dialog> 定义对话框,比如提示框 <summary>

HTML5元素背景知识

目录 HTML5元素背景知识语义与呈现分离元素选用原则少亦可为多别误用元素具体为佳,一以贯之对用户不要想当然元素说明体例 ol元素元素速览文档和元数据元素文档和元数据元素文本元素文本元素对内容分组用于分组的元素划分内容用于划分内容的元素制表表格元素创建表单表单元素嵌入内容嵌入元素未实现的元素 HTML5元素背景知识语义与呈现分离 HTML5中的一大主要变化是基本信念方面的:将元素的语义与元素对其内容呈现结果的影响分开.从原理上讲这的确合乎情理.HT

HTML5 语义元素(二)文本内容

上一篇介绍的是关于页面结构方面的语义元素,本篇介绍文本内容方面,包含:<bdi>.<details>.<summary>.<mark>.<output> .<ruby>.<rt>.<rp>.<time>.<wbr>等语义元素. 目录 1. 介绍 1.1 说明 1.2 分类 2. IE支持的 3. IE不支持的 1. 介绍 1.1 说明文本内容方面的语义元素,通常用于描述特殊的内容片段.

HTML5新增及移除的元素

HTML经过10多年的发展,其元素经历了废弃与不断重新定义的过程.为了更好的处理现在的互联网应用,HTML5新增了图形绘制.多媒体播放.页面结构.应用程序存储.网络工作等新元素.http://hovertree.com/menu/html5/ 图形绘制新元素标签描述 <canvas> 标签定义图形,比如图表和其他图像.该标签基于 JavaScript 的绘图 API 新多媒体元素标签描述 <audio> 定义音频内容 <vedio> 定义视频内容 <sou

web兼容学习分析笔记--块级、内联、内联块级元素

一.块级.内联.内联块级元素 (1)块级元素:block **独占一行 **可设置width,height,margin,padding **内部可包含块级或内联元素 (3)内联(行内)元素:inline **和其他inline元素同行显示 **可以设置margin-left,margin-righ,padding-left,padding-right, **无效设置widht,height,margin-top,margin-bottom,padding-top,padding-bottom

HTML5每日一练之details展开收缩标签的应用

details标签的出现,为我们带来了更好的用户体验,不必为这种收缩展开的效果再编写JS来实现.注:目前仅Chrome支持此标签. details有一个新增加的子标签——summary,当鼠标点击summary标签中的内容文字时,details标签中的其他所有元素将会展开或收缩. detalis标签: 案例1: <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" conte

[转]控制反转(IOC)和依赖注入(DI)

http://blog.csdn.net/Elite_1989/article/details/16851565 控制反转和依赖注入可以理解成同一个东西,都是为解耦而生的~ 控制反转(IoC=Inversion of Control)IoC,用白话来讲,就是由容器控制程序之间的(依赖)关系,而非传统实现中,由程序代码直接操控.这也就是所谓"控制反转"的概念所在:(依赖)控制权由应用代码中转到了外部容器,控制权的转移,是所谓反转. IoC 也称为好莱坞原则(Hollywood Princ