当前位置: 首页  - 标签“HTML“ - 列表 免费服务器领取!

HTML

前端设计

js去掉浏览器“确认重新提交表单”提示的方法

在前端含有form表单的web页或表单提交后的重定向页面中,如果使用f5或手动刷新时浏览器为了防止表单重复二次提交会弹出“确认重新提交表单”的提示,为了页面对访客更加的友好,我们可以利用js脚本代码来去除这个浏览器的提交。js去掉浏览器“确认重新提交表单”提示的方法解决方法:在页面中添加以下js代码window.history.repla

前端设计

CSS定义字母全部大写或小写的方法

在css样式代码中有一个 text-transform 属性,此属性可以强制改变其控制的元素中内容中字母的大小状态,具体的使用方法参考下面的内容。CSS text-transform 属性text-transform:控制文本中字母的大小写。属性值:none:默认,展示默认的文本内容!capitalize:每个英文单词以大字字母开头!u

前端设计

CSS隐藏文字的方法

在前端web的一些特殊场合下,有时假需要对HTML元素中的文字讲行隐藏,如果使用JS脚本的话,可以很方便实现文字的隐藏,但如果使用CSS样式来搞呢。下面就说二种利用CSS轻松实现隐藏元素文字的方法。CSS隐藏HTML元素文字的方法1、使用css font-size 属性来隐藏文字css font-size属性是控制文字大小的方法,如果将其

前端设计

html中的删除线标签

在一些前端的商品页面中,如果有价格优惠的话,都会把原价格用html的删除线标签进行标注,这样有利于用户对价格进行阅读,关于html的删除线标签的使用可以参考下文的讲解。html 删除线标签介绍<s></s>:删除线标签让浏览器把其加s标签的文本内容加删除划线样式(在文本上有一道横线)呈现给阅读者。语法:<s&

前端设计

js对字符串转为小写的方法

原生js脚本中的 toLowerCase() 与 toLocaleLowerCase() 函数可以对字符串进行小写进行转换,具体的转换方法可以参考下面的文章!js toLowerCase() 方法将字符串转成小写字母toLowerCase() 方法将字符串转成小写字母方法示例代码:var str = 'FeiNiaoMy.com&

前端设计

javascript隐藏鼠标的方法

今天发现项目中有一个很有意思的小功能,就是鼠标移入某个区域后自动隐藏。虽说这个小需求非常的罕见,但写起来也很简单,下面是一个示例的代码,大家可以参考一下!javascript 隐藏鼠标的方法隐藏鼠标的示例源码<html><head><title>隐藏鼠标的示例</title><styl

前端设计

html页面仿黑客帝国代码雨源码示例

今天无意间看到抖音上有人直播用html加JS脚本写了一个仿黑客帝国电影中的代码雨的特效,就觉的很稀奇,就在网上找了一个源码然后自己修改了一下,感觉效果还可以,就分享一下。html+js使用黑客帝国代码雨的效果下面是使用黑客帝国代码雨的源码,直接复制到本地,保存为后缀为.html文件即可!<html><head>&l

前端设计

css3实现文本内容禁止选中的方法

今天在浏览网页的时候发现有些网页上的内容无法使用鼠标来进行选中,就深入的研究了下,发现是使用CSS的 user-select 属性来现实的,就记录一下。css user-select: 属性介绍user-select:规定用户用鼠标在页面上是否可以选中文字、图片等值:none:禁止用户选中。text:对用户的选择没有限制。all:目标元素

前端设计

禁止 textarea 调整大小的方法

HTML页面中的 textarea 输入框是默认在右下角显示一个小三角的,用鼠标拖动小三角是可以调整 textarea 输入框的大小的。如果html的页面布局比较复杂,那么调整 textarea 大小会破坏掉页面整体布局的完整性,那么如何来禁止 textarea 调用大小呢?可以参考下面的方法。禁止 textarea 调用大小的方法css

前端设计

js获取网页中所有图片地址的方法

利用js脚本代码可以很轻松的获取整个网页中所有图片的地址,下面举出了几个相关的示例代码,可以做个参考!JS 获取网页中所有图片地址的方法例1:js使用正则表达式获取所有图片地址的代码var reg = /<img.+?src=('|")?([^'"]+)('|")?(?:\s+|

前端设计

电脑浏览器模拟微信浏览器访问网站的方法

由于需要访问一个只能在微信内置浏览器显示的网页,就想到了能不能在PC端修改浏览器的访问UA来实现PC浏览器模拟微信浏览器呢?实验了一下chrome(谷歌)浏览器,发现效果还可以,就记录一下。PC浏览器模拟微信浏览器的方法我们下面教程以chrome浏览器为例,其它的浏览器修改访问UA的方法,可以自己去搜索一下。1、准备微信浏览器的UA想要模

前端设计

html给table中的行或单元格加链接的方法

今天在做定制插件的时候,遇到个给table表格中的行添加链接的问题,以前没有遇到过此需求,就参考了下别人写的代码,记录一下。html给table中的行添加链接给table表格中的行添加链接一般是使用的js代码来实现的,可以参考下面的示例!例1:给table表格的行添加链接<!doctype html><html>&

前端设计

浏览器查看网页编码类型的方法

在编写前端web页面时浏览器有时候会出现乱码,这一般都是未指明网页的编码类型或编码类型声明错误导致的,在浏览器中如何检查网页的编码是什么类型呢?下面就提供了两种浏览器查看网页编码的方法。浏览器以查看网页源码的方式查看页面的编码1、浏览器中鼠标右击,选择"查看源代码",或在浏览器地址栏中输入下面的代码来查看页网的源码代码

前端设计

去掉input(number类型)输入框箭头的方法教程

在web前端中,number类型的input输入框在获得鼠标焦点的情况下,会出现两个向上和向下的箭头。虽然箭头可用于input输入框中的数字增大和减小,但在某些特定的场景中反而会让用户产生错乱的感觉。为了避免此情况的发生,我们可以使用css样式来隐藏掉 input 中的箭头,下面来说说方法!number类型input输入框去掉箭头的教程1

前端设计

html input 限制输入的长度并提示的方法

html 中 input 标签的 value 值的长度理论上应该是 2^32(数据来源于资料,没有测试过),但为了防止一些 input 的输入数据过长来做一些限制,该如何实现呢?这篇文章就来介绍一下,如何限制 input 输入数据的长度并且输入的数据超过规定的长度该如何去提示?html input 限制输入字符串长度的方法input 标签

前端设计

禁止 input 自动弹出下拉框的方法

经常设计 form 表单的开发应该知道,用户在浏览器中向表单输入信息的时候会被 input 记录下来,以后每次双击 input 文本框时都会展示以前输入过的信息,虽然这样很方便,但会暴露用户的隐私数据。那如何禁止 input 输入框不记录用户输入的信息呢?下面就来说一下!input 中的 autocomplete 属性autocomple

前端设计

js实现鼠标拖动div改变其位置的教程

今天接到一个小小的需求,就是利用 JS 来实现鼠标拖动一个div,来实现其位置的改变。虽然说要求看着很简单,但实现起来还是比较难一点的,下面就说说实现的方法!js实现鼠标拖动div改变其位置的方法先上个图示,大家看一下效果!js实现鼠标拖动的div的代码html完整代码<!DOCTYPE html><html>&l

前端设计

DIV+CSS制作(table)表格的方法

在前端的网页设计需求中,有时候需要使用表格来展示一些数据,但又不能使用 html 中的 table 标签来做,那么我们只有使用 DIV + CSS 来画一个表格了。下面就介绍几种方法,大家来参考一下!使用 DIV+CSS 制作一个表格先上一个由CSS+DIV简单制作的表格样式的示例!html示例代码:<!DOCTYPE html&g

前端设计

限制 html input 只能输入数字的方法

在前台的 html 页面设计中,有时候需要 input 输入框中只能输入数字。那么如何对 input 的输入类型做限制呢?下面飞鸟慕鱼博客的小编就来和大家说一说!限制 input 只能输入大于 0 的正整数的示例示例1:下面的代码可以实现,input 只限制输入大于 0 的正整数,但是如果使用复制粘贴内容的方法,是可以绕过判断的,因为它只

前端设计

js 对 html 字符转义与反转义的方法

在编写 html 时,为使其代码可以在页面上正常的显示。我们需要对其进行转义操作,这样也可以在一定的程度上避免的 XSS 攻击!这篇博文就简单的介绍一下利用 JS 对 HTML 代码进行转义与反转义的方法。js replace 方法在讲解 js 如何转义 html 代码,先说一说 js 方法。因为下面要用得到,先了解一下。replace(

1 2 3 4 5 末页
点击下拉

ZBLOG主题/插件定制开发流程

ZBLOG主题/插件定制开发流程