经验首页 前端设计 程序设计 Java相关 移动开发 数据库/运维 软件/图像 大数据/云计算 其他经验
 XHTML

Layui表格选中指定行的radio单选框并滚动到该行的实现代码_HTML/Xhtml

layui table有多行数据,通过外部输入内容,需要定位到指定行,选中改行,对改行进行操作。 实现效果: HTML代码: <body> <div cla ="layui-fluid"> &l...[2020/7/17]

Quill编辑器插入自定义HTML记录的示例详解_HTML/Xhtml

转眼已经2020年,饥渴的人类不再满足于简单的文本,于是有了花里胡哨的携带各种样式的文本,然而有文本还不够,我们还需要让用户在编辑的时候,能够插入各种自定义消息类型,让我们发出去的软文更加好看,因此有了这篇文章。 前言 由于Quill编辑器自带的富文本过滤(大部分主流编辑器都会对富文本进行...[2020/7/6]

html 实现tab切换的示例代码_HTML/Xhtml

tab切换在项目中也算是常用技术,一般实现tab切换都用js或者jq实现,今天介绍两种只用c 实现tab切换方法: 方法一: 原理:通过label标签的关联属性和input的单选类型实现相应div的显示 1.创建一个类名为wrap的div当作容器 2.创建四个label标签,这将作...[2020/6/30]

HTML的relative与absolute使用及区别详解_HTML/Xhtml

HTML的relative与absolute区别:说实话html这门语言算的上是这个世界上最简单的一门语言了,标签语言嘛,就是标签多了点英文单词超多,不过都是有规律的比如文本类居中text-align:center;加粗text-weight:bold;.但是还是有一些比较难理解掌握标签和属性,就...[2020/6/29]

html table实现复杂表头的示例代码_HTML/Xhtml

html table实现复杂表头的示例代码_HTML/Xhtml

使用html做复杂的表格。复杂表格一般是用到td的两个属性:rowspan 、colspan属性值。 在html中<td> 标签定义 HTML 表格中的标准单元格。   (1)rowspan 属性规定单元格可横跨的行数;   (2)colspan 属性规定单元格可横跨的列数...[2020/6/29]

基于HTML代码实现图片碎片化加载功能_HTML/Xhtml

今天来实现一个图片碎片化加载效果,效果如下:   我们分为 3 个步骤来实现: 定义 html 结构 拆分图片 编写动画函数 定义html结构 这里只需要一个 canvas 元素就可以了。 <html> ...[2020/6/23]

详解HTML设置边框的三种方式_HTML/Xhtml

详解HTML设置边框的三种方式_HTML/Xhtml

HTML设置边框的三种方式 border-width: 1px 2px 2px; border-style: solid dashed dotted; border-color:red green blue; /*分别为 上→左右→下 边框设置*/ ...[2020/6/23]

html中车牌号省份简称输入键盘的示例代码_HTML/Xhtml

原理是先写出一个按键的div,然后再根据屏幕的大小去自动适应生成键盘,效果如下图: 具体实现代码如下,就不细说了。 <!DOCTYPE html> <html> <head> <meta charset=&qu...[2020/6/22]

如何让你的html button本身居中的实现_HTML/Xhtml

如何让你的html button本身居中呢? 这个很好找思路, 在其父标签中设置居中属性啊, 如下: <html> <body> <center><button onClick="myClick()">hit...[2020/6/22]

HTML页面自适应宽度的table(表格)_HTML/Xhtml

HTML页面自适应宽度的table(表格)_HTML/Xhtml

WEB应用的页面,表格的表现形式是常常遇到的,在列数有限的前提下,如何将各列中的内容自适应到不同分辨率的屏幕,这应该是一个比较容易遇到的问题,下面就来谈一谈我对这类问题的解决与看法。 将所有列设置为固定宽度,显然是不能满足此类要求的,但是若把全部的列都设置为百分比,恐怕在某些尺寸,或分辨率下,会变...[2020/6/19]

HTML n种方式实现隔行变色的示例代码_HTML/Xhtml

本文主要介绍了HTML n种方式实现隔行变色的示例代码,分享给大家,具体如下: n种方式实现隔行变色 <!DOCTYPE html> <html lang="en"> <head> <meta char...[2020/6/19]

Table自适应以及溢出的一些设置详解_HTML/Xhtml

1、table重置的两个属性: ①border-collapse: collapse; /* 为表格设置合并边框模型 */ ②border-spacing: 0; /* 设置在表格中的单元格之间出现的间距为0 */ 代码: <div cla ="fz&quo...[2020/6/19]

HTML如何对齐多个表单中的文本框的实现_HTML/Xhtml

HTML如何对齐多个表单中的文本框的实现_HTML/Xhtml

表单代码如图,还没有加入样式表,表单没有对齐,比较难看,但是HTML又没有提供表单对齐的标签或功能。 html源代码: <!DOCTYPE html> <html lang="en"> <head> <me...[2020/6/19]

HTML使用栅格布局实现六种筛子样式的代码详解_HTML/Xhtml

先上效果图下面附上代码 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title&g...[2020/6/3]

如何为 Element UI 里的 autosize textarea 设置高度_HTML/Xhtml

把Element UI里的textarea input设置为autosize之后,文本框的默认高度为33,并不符合设计 默认样式 在浏览器中查检元素,发现 高度是由textarea的height和min-height来控制框内文字的位置是由padding控制尝试 直接修改文本框的h...[2020/5/29]

html中dom元素滚动条滚动控制小结详解_HTML/Xhtml

html中dom元素滚动条滚动控制小结详解_HTML/Xhtml

不知道大家有没有遇到过这样的需求,在某个 dom 元素中添加新的子元素,然后要求如果新添加的新元素超出容器的范围,那么我们需要自动滚动到新添加的子元素的位置,如下图所示效果: 那么接下来我们一边学习一些 dom 元素滚动相关的知识点,一边实现一个上图的效果和一些其他滚动相关的功能。 ...[2020/5/26]

详解iframe的src指向的内容不刷新的解决办法 _HTML/Xhtml

问题描述 html <iframe id="h5Content" src=""></iframe> js $("#h5Content").attr("src"...[2020/5/20]

浅析HTML 悬浮float的用法_HTML/Xhtml

关于float的一些用法 左悬浮: float:left; 右悬浮:float:right; float用法 float的用途比较广, 这里简单的介绍下集中常有的用法: 在接触到浮动前,我会去设置一些inline-block, block的属性配合着div的镶嵌 去完...[2020/5/19]

html post请求之a标签的两种用法解析_HTML/Xhtml

html post请求之a标签的两种用法举例,具体内容如下: 1、使用ajax来发起POST请求 HTML代码如下: <a href="https: www.jb51.net/" cla ="a_post">发起POST请求&...[2020/5/13]

HTML行内元素与块级元素有哪些及区别详解_HTML/Xhtml

想起之前工作面试时,面试官问的一个问题:行内元素有哪些,和块级元素有什么区别?这是一道蛮基础的面试题,但是很多初学者平时只注重标签语义,忽视了标签行内和块级的特性, 因此对于上述问题很有可能答不上来或者答不全。 HTML常见的行内元素有: <span>、<a&g...[2020/5/11]

HTML转PDF的纯客户端和纯服务端实现方案_HTML/Xhtml

需求 用户填写表单,点击保存之后,可以直接下载pdf文档。 解决思路 服务端生成 思路 谷歌浏览器在17年自行开发了Chrome Headle 特性,并与之同时推出了 puppeteer,它可以被理解为是无界面但是可以完成服务器功能特性的浏览器。 所以我们可以在服务...[2020/4/28]

html网页添加音乐视频的实现示例_HTML/Xhtml

html网页添加音乐视频的实现示例_HTML/Xhtml

1.video标签 支持firefox自动播放 谷歌、ie不支持自动播放 <video controls="controls" autoplay="autoplay" name="media"><sour...[2020/4/17]

html表单控件禁用属性readonly VS disabled介绍_HTML/Xhtml

在html中有两种禁用表单提交的方法,他们分别是:  1.给控件标签加上readonly=''readonly''属性  2.给控件标签加上disabled=''disabled''属性  例如:   <input t...[2020/4/13]

table中cesllspacing与cellpadding的区别详解_HTML/Xhtml

table是什么?它是由一个个cell单元格构成的,在表格中,<td>的个数取决于每行<tr>中包裹的cell单元格个数!此外,默认table表格在没有添加c 样式<style type="text/c ">table tr td,th{bo...[2020/4/13]

Html技巧 语义化你的代码 _HTML/Xhtml

Html技巧 语义化你的代码 _HTML/Xhtml

Html语义化, 似乎是一个老生常谈的问题. Google 一下,也有大把关于语义化的文章. 为什么要语义化标签? 我是这样认为的:Html的每个标签都有它特定的意义,而语义化,就是让我们在适当的位置用适当的标签, 以更好的让人和机器(机器可理解为浏览器可理解为搜索引擎)都一目了然. 如果我的解释...[2020/3/31]

HTML在透明输入框里添加图标的实现代码_HTML/Xhtml

最近在写一个律师推荐前台的网站,在上面搜索框这里出现了问题,我想把搜索的图标放在搜索框里面,但是弄了半天都不大如意…… 话不多说,我们直接进入主题 : 基本思路 其实就把输入框与后面的图标一起放在一个div里面,然后将输入框的border设置为0px,...[2020/3/27]

解决vscode 中保存后html自动格式化的问题_HTML/Xhtml

最近几天更新了 vsCode 的版本,目前所用的版本号为:1.43。其实每次更新 vsCode 版本号并没有感受到有什么明显的变化,只是日常顺手更新而已。而这一次 vsCode 真的是帮了我一个“大忙”。 众所周知我们写 html 页面经常会在元素上绑定很多属性或者是事...[2020/3/24]

html实现简单ListViews效果的实例代码_HTML/Xhtml

html实现简单ListViews效果的实例代码_HTML/Xhtml

html实现简单ListViews效果 实现效果: c 样式文件listviewTest.c body{ background: whitesmoke; } #mainContentDiv{ position: absolute; wi...[2020/3/12]

HTMl 中marquee标签实现无缝滚动跑马灯效果_HTML/Xhtml

<marquee>标签,它是成对出现的标签,首标签<marquee>和尾标签</marquee>之间的内容就是滚动内容。<marquee>标签的属性主要有behavior、bgcolor、direction、width、height、hspace、v...[2020/3/9]

html随意拖动内容位置的两种实现方式_HTML/Xhtml

测试:chrome v80.0.3987.122 正常 两种方式为:拖拽普通标签位置或拖拽canvas中的文本框位置 1. 实现鼠标拖动标签元素到任意位置 演示地址 c 代码 #range { position: relative; width: ...[2020/3/5]

html符号转实体算法挑战_HTML/Xhtml

html符号转实体算法挑战_HTML/Xhtml

挑战: 将字符串中的字符 &、<、>、" (双引号), 以及 ’ (单引号)转换为它们对应的 HTML 实体。 如果你被卡住了,记得开大招 Read-Search-Ask。尝试与他人交流编程思路、但编写你自己的代码。 例如:  ...[2020/3/5]

html 打印相关操作与实现详解_HTML/Xhtml

原理为调用 window.print() 方法,但是该方法只能对当前页面全部打印,所以有了以下方案来解决局部打印 1: 利用 iframe 将需要打印的元素和样式注入 再调用打印 示例代码 function print () { let ifElement = do...[2020/2/24]

HTML中的块级、行级元素,特殊字符,嵌套规则_HTML/Xhtml

如果介绍HTML网页基本标签的嵌套规则,首先要说的就是元素的分类。元素可以划分为块级元素和行级元素,块级元素是什么?它可以独占一行,可以设置宽高度,默认是100%;行级元素与之相反,它的内容决定它的宽高度,至于特殊字符就当成是文字来看 <!DOCTYPE html> &l...[2020/2/13]

浅析html网页基本概念_HTML/Xhtml

浅析html网页基本概念_HTML/Xhtml

什么是网页?html文档经过浏览器内核渲染后展示出来的页面(五大主流浏览器及四大内核) html文档文件名后缀是.html,之前存在的.htm是为支持DOM系统(目前织梦还是用.htm文件名结尾文件) 编码是我们通过代码的形式把想要展示的页面写到html文档里面,接着渲染作为一个动作,主要...[2020/2/12]

中文转换成html中的utf-8的方法_HTML/Xhtml

在HTML中,中文的“好好学习”可以表示为“好好学习” 在项目中,需要对接短信告警,短信告警返回数据要求是utf8的 后来继续沟通,才发现要的是html-utf8 的; 没有找到合适的golang工具包,涉及语言转码的包主要有 mah...[2020/2/12]

Html页面支持暗黑模式的实现_HTML/Xhtml

自19年开始,Android和IOS平台,都开始玩暗黑模式。当然这没什么不好,但是当我们的页面被用户在暗黑模式打开之后,会被那传统大白色瞬间闪瞎双眼。 下面会简单的说一下如何让页面支持暗黑模式。 准备 其实,我们只是需要使用到c 中的 prefers-color-sche...[2019/12/27]

HTMl页面中返回顶部的几种实现小结_HTML/Xhtml

HTMl页面中返回顶部的几种实现小结_HTML/Xhtml

最近在开发网站需要制作返回顶部按钮,但是我主要为后端开发,对前端不太熟练,经过网上资料查询,制作出了返回顶部的按钮,下面是两种简单的方式,记录一下.喜欢本网站的朋友可以收藏下,会不定期更新学习资料. 第一种:引用外部jQuery 新建HTML页面,将下面代码复制保存,通过浏览器打开,即可看...[2019/12/26]

使用html2canvas对有百度地图的Dom元素处理成图片的解决_HTML/Xhtml

问题1:百度地图应用的是瓦片式图片(地图是一张张图片拼出来的),html2canvas 处理时,遇到非同一域名下的图片,浏览器会显示跨域的报错,也无法用反向代理来解决,因为瓦片图片的域名不确定,无法指定 proxy_pa 解决:使用百度地图静态图处理( http: lbsyun.baidu....[2019/10/14]

viewport 的基本原理以及详细使用方法_HTML/Xhtml

一.viewport的概要 移动端浏览器通常都在一个比屏幕更宽的虚拟窗口中渲染页面,这个虚拟窗口就是viewport,目的是正常展示没有做移动端适配的网页,可以让他们完整的展现给用户。我们有时用移动设备访问桌面版网页就会看到一个横向滚动条,这里可显示区域的宽度就是viewport的宽度。 ...[2019/10/8]

浅谈HTML中src和href之间的区别_HTML/Xhtml

浅谈HTML中src和href之间的区别_HTML/Xhtml

简单来说 src 就是 “我想加载这个资源”,而 href 就是 “我想和这个资源建立关联” src 主要用于元素替换,href 用于和相关文档和外部资源建立相关链接。 href 属性说明本地Web资源和定义的资源建立了链接。 如: ...[2019/9/18]

HTML6实现折叠菜单与手风琴菜单的实例代码_HTML/Xhtml

页面主体部分: <body> <ul id="menu"> <li> <a href="#">一级菜单1</a> ...[2019/8/29]

HTML中的if判断用法_HTML/Xhtml

在django的web开发过程中,编写html时,从后端传入同名列表变量,但是内容格式有所区别,需要分别判断,查阅了很多文章试了好几种方法,格式似乎都不太对(本人没有系统学习过前端,基本都是照葫芦画瓢) 后来找到django框架下html的if用法 形式大致如下  &nb...[2019/8/22]

html中常用的转义字符总结_HTML/Xhtml

html中常用的转义字符总结,具体内容如下所示: &nbsp;  不断行的空格 &ensp;  半方大的空格 &emsp;   全方大的空格 &lt;     小于 < &gt;    大于 > &am...[2019/8/21]

详解html的几种水平垂直居中的方式(基础)_HTML/Xhtml

前言 我们在编写马过程中,想必大家对水平垂直居中的方法了解并不多。所以我给大家总结式的列出几种常用的水平垂直居中的方法。 第一种方法 <!--html盒子代码--> <!--水平垂直居中--> <div cla ="Centere...[2019/8/21]

详解HTML中的图片标签的用法_HTML/Xhtml

详解HTML中的图片标签的用法_HTML/Xhtml

在HTML中<img>这个标签是定义文本中的图片标签,它的作用就比如说可以提供图片的名字、提供图片的尺寸大小和提供图片的一些图片属性,比如Alt这个属性,可以给图片一个名称来告诉朋友们。这个也是对seo优化的一种细节上的方式。这样做可以让百度蜘蛛可以知道你这个图片是个什么东西,或者说,...[2019/7/22]

HTML中button标签点击实现页面跳转的三种方法_HTML/Xhtml

方法1:使用onclick事件 <input type="button" value="按钮" onclick="javascrtpt:window.location.href=''http: www.baidu.com/''&...[2019/6/3]

Markodwn 标题对齐的同步滚动实现思路详解_HTML/Xhtml

Markodwn 标题对齐的同步滚动实现思路详解_HTML/Xhtml

前言 需要给正在写的Markodwn编辑器加上同步滚动的功能,百度了一通,没找到比较好的思路。就自己写了一个。 Github上是写好的库,和更直观的Demo。 Github 这篇文章主要讲的是实现的思路。 介绍 同步滚动的实现方式有很多种。简单粗暴的就直接让 HTMLEle...[2019/4/30]

HTML实现检测输入已完成功能_HTML/Xhtml

使用"onInput(event)"检测是否在输入 使用onporpertychange="onChange(event)"检测是否内容发生改变 使用onBlur="finnishInput(event)"检...[2019/4/16]

HTML检测输入已完成自动填写下一个内容的实现方法_HTML/Xhtml

在上一个文章中简易实现检测输入已完成,我们实现了检测输入已完成,现在我们再进一步,在此基础上,实现检测输入已完成自动填写下一个内容。 当我们需要自动填写的内容,不希望被更改的时候,需要加上readonly属性。 功能需求 填写报销单据的时候只需填写出差天数自动计算出差补贴金额 代码...[2019/4/16]

详解Html页面中内容禁止选择、复制、右键的实现方法_HTML/Xhtml

有的时候,我们不希望自己网页中所呈现的内容不被别有用心盗取,就需要在网页中加上一个禁止复制的功能,而一般的浏览器在禁止复制后还可以用复制为纯文本,并不能完全杜绝此问题,此时就需要我们在页面中完全禁止右键和复制。 实现起来其实很简单,只需要在网页中加入以下标签(注意是紧随body后): ...[2019/1/14]

47
2
记录数:61 页数:1/212下一页尾页
加载更多
 友情链接: NPS  问卷模板