`

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

    博客分类:
  • SSH
 
阅读更多

 

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">
分享到:
评论

相关推荐

    表单输入一定长度的字符然后自动提交

    此表单可以包含多种类型的输入字段,如文本框(`&lt;input type="text"&gt;`)、密码框(`&lt;input type="password"&gt;`)等。为了实现表单的自动提交功能,我们需要对这些输入字段进行监听,当满足一定条件时(比如输入文本达到...

    PassWord输入框代码分享

    最后,`password1.value`的长度被限制为`password0`的长度,以保持两者长度一致,这样即使用户输入超过`password0`的长度,`password1`也不会继续增长。 `clearPass`函数则用于清除两个输入框的值,当输入框获得...

    html入门到放弃笔记

    5、设置 body text为red,bgcolor为yellow 3、文本 1、特殊文本的实现 页面的空格以及一些特殊字符需要通过转义字符的方式体现 1、&nbsp; 表示一个空格 2、&lt; 表示 &lt; 3、&gt; 表示 &gt; 4、&copy; 表示© ...

    jquery实现表单验证

    在网页开发中,表单验证是一项至关重要的任务,它确保用户输入的数据符合预期的格式和规则,从而提高数据质量和用户体验。jQuery作为一个轻量级、功能强大的JavaScript库,为开发者提供了便利的方式来实现表单验证。...

    jsvalidation验证框架的使用实用.pdf

    请注意,`validation-config.dtd`文件对于某些浏览器(如IE和Chrome)是必需的,而Firefox可能能够正常运行不包含此文件的配置。 2. **修改配置文件**:打开`validation-framework.js`,找到`var ValidationRoot = ...

    2021-2022计算机二级等级考试试题及答案No.13521.docx

    - **详细解释**:对于长度为n的线性表进行顺序查找,在最坏的情况下,需要比较n次才能找到目标元素或确认目标不存在。因此,答案是n。 #### 19. Web服务器控件的种类 - **知识点解析**:此题考查的是Web服务器控件...

    jquery实现动态登陆提示框(下拉提示效果)

    4. **兼容性考虑**:由于本解决方案依赖于CSS3的`transition`和`transform`属性,因此在不支持这些特性的浏览器(如旧版本的IE)中,可能无法实现预期的动画效果。可以使用CSS3检测库或条件注释来为这些浏览器提供回...

    一款实用的jquery表单验证插件webluker.zip

    5. **兼容性**:基于jQuery构建,Webluker与大多数现代浏览器兼容,包括Chrome、Firefox、Safari、Edge和IE9+。 6. **可扩展性**:该插件设计时考虑了扩展性,可以与其他jQuery插件或前端框架(如Bootstrap)无缝...

    文本框获得焦点和失去焦点的判断代码

    在网页开发中,文本框(`&lt;input&gt;`)是用户输入数据的基本元素。文本框的焦点和失焦事件是交互设计中的重要组成部分,用于实现各种动态效果和验证功能。本文将详细讲解如何通过JavaScript和jQuery来处理文本框的焦点...

    基于jquery的simpleValidate简易验证插件

    虽然它的知名度不高,但其简洁的代码结构和易于理解的API使其成为一种实用的工具。 首先,`simpleValidate`的核心功能在于通过数据属性(data attribute)来定义验证规则。例如,你可以为表单字段添加`data-rules`...

    jQuery Validate验证框架经典大全

    5. `date: true` - 验证输入是否为正确的日期格式,但IE6可能会有错误,使用时需谨慎。 6. `dateISO: true` - 验证输入是否为ISO格式的日期,如`2009-06-23`,只验证格式,不验证日期的有效性。 7. `number: true` -...

    PHP基础教程 是一个比较有价值的PHP新手教程!

    CGI程序的伸缩性不很理想,因为它为每一个正在运行的CGI程序开一个独立进程。解决方法就是将经常用来编写CGI程序的语言的解释器编译进你的web服务器(比如mod_perl,JSP)。PHP就可以以这种方式安装,虽然很少有人愿意...

Global site tag (gtag.js) - Google Analytics