HTTP/1.1 协议规定的 HTTP 请求方法有 OPTIONS、GET、HEAD、POST、PUT、DELETE、TRACE、CONNECT 这几种。其中 POST 一般用来向服务端提交数据，本文主要讨论 POST 提交数据的几种方式。 我们知道，...

HTML的发展历史: HTML英语意思是Hypertext Marked Language，即超文本标记语言,是一种用来制作超文本文档的简单标记语言。HTML是由WEB的发明者Tim Berners-Lee和同事Daniel W.Connolly于1990年创立的一种...

一、div/div和span/span 1.div/div标签 div/div标签可定义文档中的分区或节（division/section），从而把文档分割为独立的、不同的部分。div/div标签可以作为一种严格的组织工具，并且不使用任何...

摘要 项目 说明 形式 img src=... 支持 H2+ / e2+ / N2+ / Fx1+ / Op6+ / Ch1+ / Sa1+ 标签省略 开始标签：必须，结束标签：无 说明 img 是 Image（图像）的缩写。src 属性用来指定图像的路径。 HTML4.01...

简介 最近在做大作业的时候需要做一个弹幕播放器。借鉴了一下别人的源码自己重新实现了一个，演示如下 主要的功能有 发送弹幕 设置弹幕的颜色，速度和类型 显示弹幕 已知缺陷：...

name 指定标签的名称。 格式 input type=text name=username / 应用场景 ①form表单：name可作为转递给服务器表单列表的变量名；如上面的传到服务器的名称为：username='text的值'。 ②input type='ra...

input标签 input 标签用于搜集用户信息。 type属性 根据不同的 type 属性值，输入字段拥有很多种形式。可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。 text：文本区...

简介 meta标签是HTML语言HEAD区的一个辅助性标签。 meta常用于定义页面的说明，关键字，最后修改日期，和其它的元数据。这些元数据将服务于浏览器（如何布局或重载页面），搜索引擎...

前言 meta是html语言head区的一个辅助性标签。也许你认为这些代码可有可无。其实如果你能够用好meta标签，会给你带来意想不到的效果，meta标签的作用有：搜索引擎优化（SEO），定义页...

table表格，这个东西大家肯定都不陌生，代码中我们时常都能碰到，那么给table加一个斜线的表头有时是很有必要的，但是到底该怎么实现这种效果呢？ 我总结了以下几种方法： 1、最最...

HTML提供了5种空格实体（space entity），它们拥有不同的宽度，非断行空格（ ）是常规空格的宽度，可运行于所有主流浏览器。其他几种空格（ ）在不同浏览器中宽度各异。 nbsp; 它叫不...

这里我们介绍一下form元素与表单提交方面的知识。 form元素 form元素的DOM接口是 HTMLFormElement ，继承自 HTMLElement ，因而它与其他的HTML元素拥有相同的默认属性，不过它自身还有几个独有...

废话不多说了，直接给大家贴代码了，具体代码如下所示： html headtitleTable/title/head body table border=1 thead tr tdFirst Name/td tdLast Name/td td /td /tr thead tbody id=tb tr id=1st td张/td td三/td tdinput type=...

script标签 在HTML5中script主要有以下几个属性：async，defer，charset，src，type， async（可选）： 关键词：异步脚本，外部文件，立即下载； 当标签中包含这个属性时会立即下载脚本（外部...

写在最前 记得以前在人人上看到一个分享，讲解基于js的截图方案，详细的不记得了，只记得还挺有意思的貌似用了canvas？所以这次打算自己写一个分享给大家作者的思路。这只是一个...

为什么在input标签类型为file上传文件时在标签中设置属性 accpet=image/* ，打开本地文件夹的速度特别慢？ 经过测试发现，在mac里面safari、Firefox、Chrome(opera不知道为啥老闪退)都没有卡顿问...

由于工作所需，最近花时间研究了html转换为pdf的功能。html转换为pdf的关键技术是如何处理网页中复杂的css样式，通过在网上收集资料，发现目前html 转换为pdf的解决方案主要分为三类：...

现在如果要在页面中使用video标签，需要考虑三种情况，支持Ogg Theora或者VP8（如果这玩意儿没出事的话）的（Opera、Mozilla、Chrome），支持H.264的（Safari、IE 9、Chrome），都不支持的（IE6、...

废话不多说了，直接给大家贴代码了，具体代码如下所示： !--方法1: onfocus=this.blur() 当鼠标放不上就离开焦点 --input type=text name=input1 value=中国 onfocus=this.blur() !-- 方法2:readonly 文字不会变...

本文介绍了使用HTML+CSS实现鼠标划过的二级菜单栏的示例，分享给大家，具体如下： 先上效果图： 1、鼠标没在上面 2、鼠标放在一级菜单上，展开二级菜单 3、鼠标放在二级菜单上 代码...

将 json 数据以美观的缩进格式显示出来，借助最简单的 JSON.stringify 函数就可以了，因为此函数还有不常用的后面2个参数。 见MDN https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Globa...

在web项目开发过程中，我们经常会引用css、js文件，更新文件后常出现缓存问题（明明更改了代码，在浏览器上访问的时候却没有发生变化），这种情况我们通常采用以下两种解决方案...

Question. 问题 在移动端商城系统中，我们常常看到位于页面顶部有一个搜索框，这类搜索框博主比较喜欢的是固定在页面顶部，半透明悬浮，能依稀看见部分轮播图的形式。 要制作这样...

废话不多说了，直接给大家贴代码了，具体代码如下所示： !DOCTYPE htmlhtml lang=en xmlns=http://www.w3.org/1999/xhtmlhead meta charset=utf-8 / title/title style type=text/css #result{ width:500px; border:1px solid #CCC...

HTML 表单用于搜集不同类型的用户输入。下文通过代码给大家分享html 表单组件实例代码，感兴趣的朋友参考下吧 废话不多说了，直接给大家贴代码了，具体代码如下所示： !DOCTYPE htm...

最近公司安排做CCFA的一些东西，有一项就是做一个网页播放摄像头的实时监控。网上百度了很久，很多都是直接用vlc插件实现，但是目前主流浏览器都已经不支持vlc插件了，搞了很久也...

最近在搞一个被很多人改了的框架，天天看代码看的头的晕了，不过感觉进步还挺大的，自己做了一个后台可配置前台查看两个库不同数据范围的东西，还挺满意，那天拿出来分享一下...

HTML页面跳转： window.open(url, , width=600,height=400); 第二个参数：_self，在当前窗口打开窗口；_blank（默认值），在另外的新建窗口打开新窗口； window.location.href=https://www.jb51.net; //在同当前...

废话，就不多说了，开始今天的主题。 Html中meta标签 一、meta标签 含义 meta 元素 可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。 meta 标签位...

1.使用a标签来完成 a href=/user/test/xxxx.txt download=文件名.txt点击下载/a 这样当用户打开浏览器点击链接的时候就会直接下载文件。 但是有个情况，比如txt,png,jpg等这些浏览器支持直接打开...

近日在画一个界面的时候，遇到一个需求：在界面当中画一条竖线，且这条竖线在高度上需要自动占满整个父div(即这条竖线的高度和两个div中较高的一个等高)。 往常我们画一条横线直...

方法一：使用CSS溢出省略的方式解决 解决效果如下： css代码： display: -webkit-box; display: -moz-box; white-space: pre-wrap; word-wrap: break-word; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertic...

在写web项目的时候，遇到简介页面有一个单独的简介视频，只有这一个短短的视频所以没有使用任何video组件，所以运用原生video标签就想解决问题。 虽然简介视频是非付费的，但也不...

转换代码到图片使用 html2canvas，这是一个非常著名的从浏览器网页截图的开源库，使用很方便，功能也很强大。 使用 html2canvas html2canvas 的使用非常简单，简单到只需要传入一个 DOM 元素...

在我们制作的网页中，要是想让它能够让更多的人去访问，最好的方法就是通过搜索引擎来找到你的网址，于是需要你的网页可以有关键词能够让搜索引擎来识别，于是HTML中的meta标签...

前言 最近整理了一下以前学习前端的笔记，发现自己对移动 web 端屏幕适配（rem）这一块并没有真正理解，只是会用。 接下来，把自己的一些对移动 web 端屏幕适配（rem）的思考记录下...

项目中经常会出现的一种情况，有一个列表，譬如是案例列表，点击列表中的某一项，跳转至详情页面。详情是根据所点击的某条记录生成的，因为案例和具体的详情页面，都是用户后...

form表单输入框input设置disable属性提交后，得不到该输入框的值，解决该类问题可以参考下面两个方法： 方法一： 使用readonly带替代disabled，即把 disabled=disabled 修改为 readonly=readonly 二者...

用防抖实现DIV鼠标移出消失 由于div标签本身不支持onblur事件，所以对于点击一个按钮弹出的div，我们想要当这个div失去焦点的时候，让它消失不能使用的onblur来实现。 但是可以利用o...

HTML onfocus 事件属性 定义和用法 onfocus 属性在元素获得焦点时触发。 onfocus 常用于 input、select 以及 a. 提示：onfocus 属性与 onblur 属性相反。 注释：onfocus 属性不适用于以下元素：base、...

【源文URL、http://www.yidunidc.com/hk.html 转载请保留出处】 先来一个问题描述吧: 在同一个页面,两个tabs一个要float:left,一个要flaot:right,就产生了冲突; 原因:没有仔细定位到每个div里面的控件...

position的四个属性值： 1.relative 2.absolute 3.fixed 4.static 下面分别讲述这四个属性。 div id=parent div id=sub1sub1/div div id=sub2sub2/div/div 1. relative relative属性相对比较简单，我们要搞清它是相对哪个...

本文介绍了详解左右宽度固定中间自适应html布局解决方案，分享给大家，具体如下： a.使用浮动布局 html结构如下 div class=box div class=leftleft/div div class=rightright/div div class=centercenter/div/...

area 标签定义图像映射中的区域（注：图像映射指得是带有可点击区域的图像）。 area 元素总是嵌套在 map 标签中。 注：img 标签中的 usemap 属性与 map 元素 name 属性相关联，创建图像与映...

最近做项目遇到这样的一个功能：在网页中高亮关键字。 本以为一个 innerHTML replace 就能实现的简单操作，却遇到了许多的问题。本文就记录这些问题和最终的完美解决办法， 希望能对...

案例说明： - 使用表格实现页面效果 - 超链接不想要有效果，使用href=# - 如果表格里面的单元格没有内容，使用空格作为占位符 nbsp; - 使用图片标签提交表单 input type=image src=图片的路径...

HTML两部分组成 head和body ** 在head里面的标签就是头标签 ** title标签：表示在标签上显示的内容 ** meta标签：设置页面的一些相关内容（用的比较少） meta name=keywords content=熊猫，金丝猴，...

具体代码如下所示： !DOCTYPE htmlhtml head meta charset=UTF-8 titlehtml2canvas_download/title style a { cursor: pointer; color: rgb(85, 26, 139); text-decoration: underline; } /style /head body div id=oDiv style=width: 300px; height...

HTML实现2列布局，左侧宽度固定，右侧自适应 实现一： style body, html{padding:0; margin:0;} // 根据CSS定位，利用浮动或绝对定位，使左侧的块元素脱离常规文档流,可以与右边块元素并列 div...

一 目的 在Html上选择本地文件夹，自动读取文件夹及子文件夹下的所有图片并显示在页面。 技术分析： 存在问题 Html中file标签获取到的路径时相对的。 Html中Img指定源时需要的是绝对路...