html页面中输入"x"会变成打印图标

最新推荐文章于 2024-07-15 14:15:20 发布
最新推荐文章于 2024-07-15 14:15:20 发布
阅读量2.1k 收藏 1
点赞数 1
分类专栏： Layui
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u010865136/article/details/79882541
版权

一、问题描述

        html页面

        input框中输入xxx,会显示三个打印图标

        html中其他元素中包含xxx时，也会显示三个打印图标




二、解决问题

经调试发现，是由于字体为“layui”导致。

layui为字体图标，x对应的是打印图表，换个字体即可。


三、扩展

layui图标可以很简单的实现图标

官网

http://www.layui.com/doc/element/form.html

zpjing~.~
关注
专栏目录
HTML5和CSS3 WEB技术开发
张晨光老师的播客
01-02 6441
B站视频参考：https://www.bilibili.com/video/BV1H44y1k7ze/[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Uwbid43Z-1672665963237)(asseits/image-20210831212039584.png)]HTML:超文本标记语言(Hyper Text Markup Language)，标准通用标记语言下的一个应用。 HTML 不是一种编程语言（C、Java、python、R等），而是一种标记语言 (markup
小白IT:如何快速写出一个前端页面（网页），Python中如何使用前端语言什么是？JavaScript？BOM&DOM？Bootstrap？？
yidianyidei的博客
05-19 3958
JavaScript前端语言 1.什么是JavaScript语言 JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。用来给HTML页面增加动态功能 2.ECMAScript和JavaScript的关系 1996年11月，JavaScript的创造者–Netscape公司，将JavaScript提交给国际标准化组织ECMA。 次年，ECMA发布262号标准文件（ECMA-262）的第一版，规定了浏览器脚本语言的标准，并将这种语言称为ECMAScript，这个版本就是
Html实现打印、预览
09-14
Html实现打印、预览
html页面实现打印
weixin_46410916的博客
07-27 3678
html页面实现打印功能方式一 打印整个html页面方式二 通过获取页面html内容打印 方式一 打印整个html页面 <!DOCTYPE html> <html lang="zh" xmlns:th="http://www.thymeleaf.org" > <head> <th:block th:include="include :: header('修改学员基本信息')" /> <style> input[di
VUE前端HTML静默打印（不弹出打印对话框）PDF简单方案
最新发布
qq_34168515的博客
07-15 1576
在做打印功能的时候，以前大部分客户端都是用C#做的，静默打印（也就是不弹出打印对话框）比较简单。但是使用浏览器作为客户端，静默打印（也就是不弹出打印对话框）做起来就比较困难。困难的原因是浏览器的各种限制，浏览器并不支持这方面的更改在现有使用vue开发的项目中，有个比较简单的处理方式就是使用 electron-hiprint也就是本来是浏览器去调用打印控件，现在直接在对应电脑上安装一个程序，然后浏览器去调用该程序。
结构化的XHTML和CSS页面转换成为打印机页面
zgqtxwd的专栏
04-30 322
<!--google_ad_client = "pub-2947489232296736";/* 728x15, 创建于 08-4-23MSDN */google_ad_slot = "3624277373";google_ad_width = 728;google_ad_height = 15;//--><script type="text/javascript"
html实现页面打印,HTML页面实现局部打印功能
weixin_39882394的博客
06-03 366
局部打印案例function doPrint() {//获取整个打印前页面，作用是打印后恢复。bdhtml = window.document.body.innerHTML;sprnstr = ""; //标记打印区域开始eprnstr = "";//标记打印区域结束//获取要打印的区域, 从标记开始处向下获取。prnhtml = bdhtml.substr(bdhtml.indexOf(sprn...
html页面如何打印,javascript如何打印页面？
weixin_34664632的博客
06-03 1969
我们在网页开发过程中经常会有打印页面的需求，通过JS来实现的方法有很多，下面我们看一下JavaScript中通过window.print()方法与jqprint()插件打印页面的方法。方式一：window.print()整体打印打印现在就轻松实现了页面的打印，但是这种方式会将整个页面打印，如果想要实现指定区域的打印需要通过下面的设置局部打印首先，在html中，通过star和end来标记打印区域这块...
（二）HTML标签与元素
Shirley_Song_1的博客
04-26 839
HTML标签与元素
HTML5、CSS、JS基础
qq_49101841的博客
03-03 2271
学习笔记
html+css+js基础问答
qq_43751465的博客
08-26 5242
css3 1.标签语义化 顾名思义，合理的标签干合适的事情 块级（display：block）：div 、p、h1~h6、hr、ul、ol、li、dl、dd、form、table、header、footer、main、nav、sector、arcitcle、pre、table、tbody、thead、th、tr、tfoot 行级（display：inline）：a、span、small、strong、em、i、code、 行内块（display：inline-block）：img、input 区别： 1.
实现打印页面带有指定的水印内容
05-14
通过前台代码用于打印页面带有指定的水印内容，用于防伪和表明出处。所给代码是简易版的HTML页面，包含2部分，主体内容和附加水印
html页面实现数据打印效果
11-21
html页面实现生成数据调用打印机打印，通过后台传送json数据，前端js生成表格化样式，最后连接打印机即可
【前端】三种方法实现HTML页面局部打印(ctrl+p效果)效果
向宇
03-21 4080
在开发中，有时需要实现页面的局部打印功能，不打印页面上不需要的区域，< div > 内容1 < div > 内容2 < div > 内容3 < div id = " toPrint " style = " color : red " > 打印内容 < button onclick = " print() " > doPrint
Html PDF 页面打印方案
cnmqw的专栏
10-31 4943
WEB 项目中要求高精度打印，直接用 Html 输出太难调整格式，用 Word 或 Excel 打印只能在 IE 中使用，在网页上显示和支持得比较好的就算是 PDF 格式了。 1、项目需求： （1） PDF 文件是根据后台 PDF 模板文件，在 WEB 前端动态填充生成的打印 PDF 文件； （2）录入数据的表单是用 HTML 写的，每填写完一个字段，便生成一次 PDF，并刷新一次页
html字体打印效果,基于jQuery实现文字打印动态效果
weixin_28894087的博客
06-04 481
本文实例为大家分享了jQuery实现文字打印动态效果的具体代码，供大家参考，具体内容如下主体html打印文字效果The furthest distance in the world.Is not between life and death.But when I stand in front of you.Yet you don't know that I love you对于JQuery的引用,...
清除IE10下input的叉叉（X）和密码输入框的眼睛图标
web_qdkf的博客
11-25 7823
从IE 10开始，type=”text” 的 input 在用户输入内容后，会自动产生一个小叉叉（X），方便用户点击清除已经输入的文本， 如下图： 对于type=”password”的 input 则会在右方显示一个小眼睛的图标，占击这个图标可以显示已经输入的内容。 大多数情况下，为了和其他浏览器呈现相同的效果，需要将input文本输入框右方的X给去掉，将密码输入框右边的小眼睛也给去掉。
html绘制图标,HTML – 如何使用SVG CSS绘制X标志？
weixin_42348233的博客
06-05 503
我需要创建一个“X”复选标记的动画(​​失败).我找到了一个动画“v”复选标记的好例子(为了成功).代码使用曲线贝塞尔设计.我试过阅读并试图做一个X标志,但没有成功.你能帮我么 ？.checkmark__circle {stroke-dasharray: 166;stroke-dashoffset: 166;stroke-width: 2;stroke-miterlimit: 10;stroke:...
HTML5中x-webkit-speech语音输入功能
05-25
在HTML5中，可以使用x-webkit-speech属性来实现语音输入功能。这个属性只在Webkit内核的浏览器中支持，例如Google Chrome和Safari。 具体实现方式是，在input或textarea元素中添加x-webkit-speech属性，例如： ``` <input type="text" x-webkit-speech> ``` 这样，在支持Webkit内核的浏览器中，就会在输入框旁边出现一个麦克风图标。用户点击麦克风图标后，就可以进行语音输入。 需要注意的是，这个属性目前已经被废弃，推荐使用HTML5的SpeechRecognition API来实现语音输入功能。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值