IE下input类型为text和password的长度不一致问题

最新推荐文章于 2025-05-16 11:41:12 发布

「已注销」

最新推荐文章于 2025-05-16 11:41:12 发布

阅读量219

点赞数

CC 4.0 BY-SA版权

分类专栏： SSH

本文链接：https://blog.csdn.net/ihuning/article/details/84704947

SSH 专栏收录该内容

9 篇文章

订阅专栏

本文探讨了在中文环境下，由于字体差异导致的文本框和密码框长度显示不一致的问题，并提供了两种解决方案：一是统一字体，二是设置相同的宽度。

2009-11-05 09:56:05| 分类： Web|举报|字号订阅

原因是源于字体，password默认是英文字体，而text默认为定义的字体或者中文字体（我想这是在中文环境下的原因），所以说便出现了长度不一致。解决的方案有二：
1.为input设置font-family英文字体

input {

font-family:'Verdana';

}

2.将text和password的width属性设置为相同的宽度值

<input   name="textinput"   type="text"   size="30"   maxlength="12"     style="width:200px">
<input   name="passwordinput"   type="password"   size="30"   maxlength="12"   style="width:200px">

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

「已注销」

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

修正 input 标签在 IE、chrome、Firefox浏览器下显示不一致的问题

无止境学的博客

12-02

1355

处理前，效果如图： Chrome Firefox IE 如图所示，除了chrome ，Firefox 、IE 下，输入框的上边和左边均有黑色阴影，为了让他们效果一致，我们来为 input 标签，人为设定一个 border 样式，不使用浏览器默认的。 <!DOCTYPE html> <html> <head> <meta charset="...

模拟input 密码框效果（中文输入法处理）

qq_31620497的博客

05-21

1347

inputPwd: (function () { var map = {}; function inputPwd(el) { // var $el = $(el); // var key = $el.attr('input-pwd'); // map[key] = $el; this.el = el; this.initInput(); }.

参与评论您还未登录，请先登录后发表或查看评论

input 按钮在IE下显现不一致的兼容问题

12-13

这段时间在处理网页默认的input 按钮时，IE下常显现不一致的宽度问题，让人感到很纠结。所以今天请教了几位高手把这个问题解决了，现在贴出来和大家共享一下，当然这个方法在网上曾有人写过，大家可以一起来相互探讨一下。 Html Code: 复制代码代码如下:<input type=”submit“; class=”form-submit” value=”subscribe” name=”op” id=”edit-submit” / > 我先在这里贴出一段初始的CSS样式 CSS Code: 复制代码代码如下: input.form-submit { border-radius: 3px;/

IE下input=text和input=password的长度不一致

weixin_34319111的博客

04-01

178

IE下input类型为text和password的长度不一致的原因是源于字体，password默认是英文字体，而text默认为定义的字体或者中文字体（我想这是在中文系统浏览器环境下的原因），从而出现了长度不同的现象。解决的方案有二：1.为input设置font-family英文字体input {font-family:'Verdana';}2.将text和password的width属...

input 类型 text和password长度不同的原因

youyiyang的专栏

04-05

1958

input 类型 text和password 长度不同的原因<br /><br />password默认是英文字体，而text默认为定义的字体或者中文字体（我想这是在中文环境下的原因），所以说便出现了长度不一致。解决的方案有二：<br /> 1.为input设置font-family英文字体<br />input { font-family:'Verdana'; } <br />2.将text和password的width属性设置为相同的宽度值 <br /><input name="textinput

HTML中input type="text"和type="password" 显示的长度不一样

lys07962000的专栏

06-20

5407

这样子就行了，用style来设置！！

PassWord输入框代码分享

09-02

- 有两个`<input>`元素，一个是`type="text"`的`id="password0"`，用于显示星号；另一个是`type="hidden"`的`id="password1"`，用于存储真实密码。 - 当用户在`password0`输入时，`onkeyup`事件会触发`hiddenPass`...

HTML 中的 input 标签详解

读心悦

05-16

1737

通过隐藏原生控件，使用 CSS 创建自定义样式。} </ style > < div class = " custom-checkbox " > < input type = " checkbox " id = " customCheck " > < span > </ span > < label for = " customCheck " > 自定义复选框 </ label > </ div >

文本长度与字符长度不一致的问题

afterlake的博客

01-01

3215

做练习的时候发现用python读取文件，同一个文件读取相同长度在文本模式和字符模式下输出不一致，很奇怪。测试文件如下：通过python的open函数，指定不同的读模式：文本模式下输出长度为11，字节模式下输出长度为12 可以看出来区别就在于换行符，用notepad++的二进制模式查看一下文件不同的操作系统有着不同的换行符，也是源远流长了，有些坑要亲自趟过了才能记得牢 ...

浏览器兼容性问题2（持续更新中）

weixin_30664615的博客

12-28

937

1. HTML对象获取问题 FireFox：document.getElementById("idName"); ie:document.idname或者document.getElementById("idName"). 解决办法：统一使用document.getElementById("idName"); 2. const问题说明:Firefox下,可以使用const关键字或...

设置两个textview 文本长度不一致但实际占位长度一致

hsw

05-26

1061

设置hint内容相同

限制Input输入框输入最小最大字符数

最新发布

10-25

web中文网页模板高大上摄影网站模板

大模型推理指南：Hugging Face Transformers.pdf

10-25

内容概要：本文详细介绍了如何使用Hugging Face Transformers库进行大模型推理，涵盖环境配置、模型下载、缓存管理、离线使用、文本生成、推理pipeline及模型量化技术。重点讲解了使用LLMs进行自回归生成的核心流程，包括token选择策略、生成参数配置（如max_new_tokens、do_sample）、填充方式（左填充的重要性）以及常见陷阱的规避方法。同时深入探讨了多种量化技术（如GPTQ、AWQ、bitsandbytes的4位/8位量化），并通过实例演示了如何加载本地模型、应用聊天模板、结合Flash Attention优化性能，并实现CPU-GPU混合卸载以应对显存不足的问题。; 适合人群：具备Python编程基础和深度学习基础知识，熟悉Transformer架构，从事NLP或大模型相关工作的研究人员、工程师和技术爱好者；尤其适合需要在资源受限环境下部署大模型的开发者。; 使用场景及目标：①掌握Hugging Face Transformers库的核心API，实现大模型的本地加载与高效推理；②理解和避免大模型生成过程中的常见问题（如输出过短、重复生成、填充错误等）；③应用量化技术降低大模型内存占用，实现在消费级GPU或CPU上的部署；④构建支持批量处理和多模态任务的推理流水线。; 阅读建议：此资源理论与实践紧密结合，建议读者边阅读边动手实践，复现文中的代码示例，并尝试在不同模型和硬件环境下进行调优。重点关注生成配置、量化参数和设备映射策略，结合具体应用场景灵活调整。

平面电感器EMC优化设计

10-25

本文提出一种用于低轮廓OLED驱动器的平面电感器EMC感知设计方法，结合降压转换器效率与电磁兼容性要求，通过多目标优化实现辐射发射与功率损耗的平衡。采用3D电磁仿真与等效电路建模，引入包含变换器损耗的改进品质因数Q*，并以子线圈磁矩表征辐射特性。研究表明，最优设计位于谐振频率边界，兼顾高效率与低辐射。验证结果显示，双线圈反向绕制结构相较单线圈可降低约15 dB辐射，满足CISPR 15标准。该设计为大面积OLED照明模块的集成化与电磁合规性提供了有效解决方案。

异构分布式计算系统上实时并行工作流的能量最小化调度.zip

10-25

1.版本：matlab2014a/2019b/2024b 2.附赠案例数据可直接运行。 3.代码特点：参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象：计算机，电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。

AIMedia 是一款自动抓取热点，AI创作文章，自动发布的集成软件。支持头条，小红书，公众号等.zip

10-25

小红书 (xiaohongshu, rednote) ai运营助手，包括小红书风格内容（包含图片）的生成和自动发布两部分，其中自动发布利用selenium实现RPA模拟点击，将生成内容和封面图和内容图自动发布

html input标签属性

09-09

HTML的input标签有多个属性可以使用。其中包括： 1. placeholder属性：适用于text、search、url、tel、email、password类型的input元素。该属性用于在输入框中显示提示文本，帮助用户理解所需输入的内容。 2. name属性：该属性用于为input元素指定一个名称，以便在提交表单时可以引用该值。在IE浏览器中，只有元素具有name属性时，placeholder属性才会生效。 3. form属性：该属性用于将input元素与一个指定的表单关联起来。例如，可以使用form属性将一个输入框与一个特定的form元素相关联，以指定该输入框的值将被提交到哪个表单。 4. type属性：该属性用于指定input元素的类型。常见的类型包括text、password、checkbox、radio等。不同的类型决定了输入框的样式和功能。例如，type="text"表示一个普通的文本输入框，type="password"表示一个密码输入框。注意，placeholder属性只能与type="text"或type="password"的input元素配合使用。 5. maxlength属性：该属性用于限制输入框中可输入的最大字符数。例如，maxlength="6"表示该输入框最多只能输入6个字符。这个属性可以用于限制用户的输入长度。这些是input标签的一些常用属性，它们可以帮助我们实现不同类型的输入框和表单功能。