雷雨天的雷胖子

标签特性既是标签的属性也是JS变量。如下代码所示。<script> var value = 11;</script><!--弹出22--><input type="button" value="22" onclick="alert(value)"><!--button--><input type="butto...

目录一、概述二、方式三、命令一、概述提起富文本，人们第一印象就是像使用word一样，在网页上操作文档。实际上差不多就是这样，富文本编辑是指在网页中编辑富文本内容。本文将详细介绍如何通过JS实现富文本编辑。二、方式有两种编辑富文本的方式，其一使用iframe标签，其二使用contenteditable属性。iframe在页面中嵌入一个包含html页面的ifra...

目录一、概述二、select标签三、option标签四、添加移除选项一、概述下拉列表框是通过select和option标签创建的，为了方便与这个控件交互，除了所有表单字段共有的属性和方法外，JS还提供了一些属性和方法。二、select标签select标签用来定义下拉列表，包含任意数量的option和optgroup标签。select标签包含以下特性。autof...

目录一、选择文本二、取得选择文本一、选择文本select()方法针对type特性值为text的input和textarea标签，用于选择文本域中的所有文本。该方法不接收参数，且无返回值。<input id="text" value="123"><button id="btn">选择文本</button><script&gt...

目录一、概述二、访问三、属性四、方法五、事件一、概述表单字段又叫表单元素，即表单所包含的控件，如input、select标签等。二、访问每个表单都有elements属性，该属性是表单中所有控件元素的集合，该集合是一个有序列表。注意，elements集合中不包含图片按钮<input type="image">。表单字段在elements集合中的顺序...

目录一、表单属性二、表单事件三、表单方法一、表单属性在html中，表单由form标签表示，在JS中，表单对应的则是HTMLFormElement类型。该类型继承了HTMLElement，但也有自己独有的属性和方法。acceptCharset 服务器能够处理的字符集,等价于html中的accept-charset特性action 接受请求的url,等价于htm...

目录一、概述二、传统控件三、新增控件一、概述除了input标签外，html还有八个传统表单控件和五个html5新增的表单控件。二、传统控件button 定义按钮select 定义下拉列表option 定义下拉列表中的选项optgroup 定义选项组，用于组合选项textarea 定义多行的文本输入控件fieldset 分组表单内的相关...

目录一、概述二、传统类型三、新增类型一、概述随着html5的出现，input标签新增了多种类型，用以接收各种类型的用户输入。其中传统输入控件有10种，新增输入控件有13种。二、传统类型传统输入控件有10种，如下所示。text 定义单行文本输入框password 定义密码输入框file 定义文件上传控件radio ...

目录一、概述二、传统标签特性三、html5新增特性一、概述input标签是最常见的表单控件。根据根据不同的type属性值，input控件拥有很多不同形式，例如文本框、单选框、复选框、按钮等。html中input是一个单标签，没有结束标签。所有浏览器都支持input控件。二、传统标签特性input标签有11个传统特性。name特性规定input标签的名称，主要...

目录一、概述二、标签特性三、注意事项一、概述form标签是块级标签，可以创建form表单，用于向服务器传输数据。表单能够包含input标签（比如文本框、复选框、单选框、提交按钮等）。表单还可以包含menus、textarea、fieldset、legend和label等标签。所有浏览器都支持form标签。不允许表单里嵌套表单。二、标签特性form标签有8个主要特性，...

目录一、音频格式二、视频格式三、插件元素四、html5元素五、html音频六、html视频一、音频格式.mid/.midimidi(Musical Instrument Digital Interface) 是一种针对电子音乐设备（比如合成器和声卡）的格式。midi文件不含有声音，但包含可被电子产品（比如声卡）播放的数字音乐指令。因为midi格式仅包含指令，...

目录一、概述二、核心dom创建表格三、表格元素专有属性和方法一、概述table标签是html中最复杂的结构之一，要想创建表格，一般都必须涉及表示表格行、单元格、表头等方面的标签。由于涉及的标签众多，因而使用核心dom创建和修改table表格往往免不了要编写大量的代码。二、核心dom创建表格通过dom实现如下代码所示的表格结构。<table border = ...

目录一、概述二、table标签三 、表格行四、表格列五、其它表格元素六、表格层七、表格边距设置一、概述在css出现之前，table标签常用来布局。但是这种做法在html4之后就不再推荐使用，仅仅是用来展示数据还是可以的。二、table标签特性border特性设置表格的边框。html5中border特性值只能为1或空串，html5已废弃该特性。...

目录一、概念二、标签三、框架脚本四、iframe脚本一、概念框架frame已经被废弃，而内联框架iframe依然在使用。通过使用框架，可以在同一个窗口显示不止一个页面。每份html文档称为一个框架，并且每个框架都独立于其他的框架。二、标签frameset标签frameset称为框架结构标签，也称为框架集，规定如何将窗口分割成框架。注意，不能将body标签和f...

目录一、无序列表二、有序列表三、定义列表列表分为有序列表、无序列表和定义列表三种。一、无序列表无序列表ul即无数值排序项的集合，且它们在列表中的顺序是没有意义的。无序列表项的头部可以是一个点，一个圆或方形，头部风格在css中用list-style-type属性定义。<style> ul li{ list-style: non...

一、img标签向网页中嵌入一幅图像。从技术上讲，img标签并不会向网页中插入图像，而是从网页上链接图像，img标签创建的是被引用图像的占位空间。所有浏览器都支持img标签。img图片没有必要同时设置宽高，设置其中之一，另一个会等比例缩放。img标签有两个必须的特性，其一src特性，其二alt特性。其中src特性表示链接图像的url，alt特性规定图像的替代文本。img标签的可选特性如下所示...

目录一、概念二、基本特性三、注意事项四、代码实例一、概念a标签全称anchor，翻译为锚，常用来表示一个锚点或超链接。除交互类别的内容（按钮，链接等）外，a标签可以嵌套任何文档流内容。所有浏览器都支持a标签。二、基本特性href特性href是a标签最重要的特性，表示链接的目标地址，包含三种类型，其一链接地址，其二下载地址，其三锚点地址。href特性值不能为空...

h标签html标题标签，有6个级别， h1为最高级，h6为最低级。从h1到h6，标签表示的重要性和字体大小逐渐减小。默认样式如下所示。h1{ margin: 0.67em 0; font-size: 2em; font-weight: bold;}h2{ margin: 0.83em 0; font-size: 1.5em; fo...

目录一、概述二、块级标签三、行级标签四、行级块标签一、概述按标签种类可以将html标签划分为三类，其一块级标签，其二行级标签、其三行级块标签。凡是带有inline属性的标签都有文本的特点，所以称之为文本类标签。行级标签和行级块标签就是文本类标签。文本类标签里面包含文字时，外面的文字就会和里面的文字进行底对齐。vertical-align特性用于设置文本类标签相对于基线的...

目录一、概念二、特性三、ie版本兼容思路四、双核浏览器兼容思路五、代码示例一、概念提供与页面有关的元数据。元数据除了编码字符集、语言、作者等基本信息外，还包含网页等级、关键词等设定。二、特性charset特性声明编码字符集，该声明可被元素的lang特性值覆盖。文档编码必须与文件本身的编码保持一致，否则会出现乱码，推荐使用utf-8编码。编码字符集的声明必...

目录一、概念二、标签三、结构一、概念一个完整的html文档必须包含三部分，其一文档声明，其二文档头部，其三文档主体，这三部分构成了html的骨架结构。二、标签html标签html文档的根标签，其它所有标签都是该标签的后代。html标签规定了文档的开始和结束点，其内是文档的头部和主体。文档头部由head标签定义，文档主体由body标签定义。xmlns特性用于设...

目录一、概念二、标签一、概念head标签定义了文档头部，是所有头部标签的容器。头部标签描述了文档的常规信息和元数据。大部分头部标签不可见。head标签主要有6个子标签，分别是meta、title、base、link、style和script，其中只有title标签可见。title标签用于定义文档标题，是head子标签中唯一必须存在的标签。如果文档中省略了head标签，大部分浏览器会...

目录一、概念二、声明三、渲染模式一、概念html文档以文档类型声明doctype开始，旨在告诉浏览器其尝试解析和显示的html文档类型。文档类型声明必须放在html文档的第一行，顶格书写，大小写不敏感。任何放在文档类型声明前面的内容都会令ie9及以下版本的浏览器触发怪异模式。因为文档类型声明不是标签，因此不具有关闭标签。二、声明html5html5的文档类型声明...

目录一、概述二、整体结构三、代码格式四、特殊标签一、概述html是描述网页结构的超文本标记语言，html规范能够使html代码风格保持一致，使之更易理解和维护。二、整体结构页面头部html文档以<!DOCTYPE>首行顶格开始。<!DOCTYPE html>必须声明文档的编码字符集，且与文件本身编码保持一致。指定编码字符集的...

目录一、基本概念二、用法解析一、基本概念条件注释是微软从ie5开始提供的一种非标准逻辑语句，可以灵活的为不同版本的ie浏览器导入不同的内容。条件注释是微软官方提供的一种兼容解决方案，可以通过w3c校验。ie10及以上版本的浏览器和其它浏览器都不支持条件注释。二、用法解析只有ie5-ie9的版本支持条件注释，ie5及以下、ie10及以上版本的ie浏览器和其它浏览器都不支持条件...

目录一、基本概念二、全局特性三、字符实体一、基本概念html英文全称hyperText Markup Language，翻译为超文本标记语言。其中超文本是指文本、图像、视频、动画、声音、表格、链接等多媒体内容。html不是编程语言，而是一种描述性的标记语言。html使用标签来描述文档结构。html文档也叫web页面既我们常说的网页。html文档不需要编译，直接由浏览器解释执行。...

目录一、概念二、隐式符号三、关系符号四、占位标记一、概念emmet是一种介于标记性语言（如html、xml）和规范之外的逻辑输入方法，是一种能大幅提高前端开发效率的工具。二、隐式符号html:5html:5和叹号，二者作用相同。html:5!<!DOCTYPE html><html lang="en"><hea...

一、语法emmet详解 基本概念、全局特性、字符实体 ie条件注释 语法规范二、结构文档声明 文档头部 骨架结构三、标签重点标签meta标签 块级标签、行级标签、行级块标签 基本标签 a标签详解 图像相关标签 列表标签 框架标签 表格标签 dom操作表格多媒体音频和视频表单form标签 input标签特性 input标签的23种type...