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

HTML教程

前端设计

html 禁止input等输入框自动提示功能的方法

在前端web页中,一些input输入框尤其一些登录窗口的用户名输入框或搜索类型的输入框在鼠标点击或选中时会出现下拉的提示,这也是浏览器自带的内容自动填充完成功能,虽然这些提示可以很方便的让用户进行输入操作,但为了不爆露用户的个别隐私(密码或搜索记录等),需要对指定的输入框进行禁止自动填充的操作。下面提供一种利用 html 标签属性来禁止浏

前端设计

css画多边形的方法

利用CSS可以画多边形状的,比如平行四形,三角形,四边形,五边形,六边形等。具体方法参考下面的内容吧。CSS画四边形的方法css里面最简单的就是画四边形了,这个经常用到,具体不再多说,直接上CSS代码。CSS代码:<style>.m {width: 200px;&

前端设计

css画三角形的方法

闲着没事研究了下利用CSS样式代码画三角形的方法,比如CSS画直角三角形,CSS画等边三角形等。CSS画三角形是利用了DIV元素的边框的宽度以及颜色来实现的,具体可以参考下面的几个CSS画三角形的方法。css定义边框的宽度以及颜色css代码:<style>.m{width: 0px; &

前端设计

css 修改placeholder属性文字颜色的方法

遇到了一个需要修改html页面中input与text元素中 placeholder 属性值颜色的需求,利用CSS很快的就解决了。解决方法如下。CSS 修改 placeholder 属性文字颜色的方法css代码:input::-webkit-input-placeholder{color:red;}input::-moz-placehold

前端设计

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&

前端设计

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

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

前端设计

禁止 textarea 调整大小的方法

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

前端设计

HTML复选框选中与未选中触发事件的方法

今天在做一个不需要from表单提交数据的复选框的小功能时,需要在复选框选中或取消选中的同时对一些后台的数据进行修改。就想到了使用js代码来监控复选框的状态,并向后台发送时时数据。关于js代码如何监控 checkbox 复选框的状态,可以参考下面的示例。checkbox 复选框选中与未选中触发事件的方法jq代码__点击checkbox,触发

前端设计

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

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

前端设计

js代码实现复制网页内指定的内容

前端的js脚本可以实现复制网页中指定的内容到剪切板中,比如input内的内容,div元素内的内容等等,具体的实现方法可以参考下面的文章。JS实现复制div(span)的内容到剪切板的方法先看示例代码:<!doctype html><html><head><meta charset="ut

前端设计

CSS隐藏滚动条的方法

web前端中,在正常的情况下如果隐藏滚动条,则会导致页面无法上下或左右滚动。但如果想达到隐藏滚动条又想不妨碍页面的滚动该如何做呢?下面我们就说一说如何使用CSS代码来达到隐藏滚动条的目的!firefox(火狐)浏览器CSS隐藏滚动条的方法对于火狐浏览器隐藏滚动条,只需要将滚动条的宽度设置为none即可!CSS代码:scrollbar-wi

前端设计

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

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

前端设计

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 的正整数,但是如果使用复制粘贴内容的方法,是可以绕过判断的,因为它只

前端设计

html Meta 标签屏蔽蜘蛛抓取的方法教程

今天有人说可以利用 html 页面的中 meta 标签来屏蔽搜索引擎蜘蛛的抓取或不让蜘蛛抓取网页中的其它链接,本着好奇的精神,就查了一些相关的资料,发现了一串类似 <meta name='robots' content='noindex,nofollow' /> 这样的HTML代码,可以告诉来网

前端设计

table 表格边框合并为单一的边框的方法

在 html table 表格元素的默认设置中,如果为每个表格定义它的边框,整体看起来就感觉非常的凌乱,所以这篇博文就说一说,如果将 table 表格的单元格边框合成一条单线。table 表格边框默认的样式例代码:<!DOCTYPE html><html><head><meta charset=&

前端设计

html input 元素设置禁用的几种方法

html 页面中的 input 元素,可以通过设置一些指定的属性,来禁用它的功能,使其不可编辑,不可复制,不可选择,不能接收焦点以及后台也不能接收到它的传值等。下面就来说几种 input 元素中常用的禁止属性。input disabled 属性disabled:属性规定应该禁用 input 元素。作用:使 input 元素不可编辑,不可复

1 2 3 末页
点击下拉

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

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