原因是源于字体,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">
相关推荐
这段时间在处理网页默认的input 按钮时,IE下常显现不一致的宽度问题,让人感到很纠结。所以今天请教了几位高手把这个问题解决了,现在贴出来和大家共享一下,当然这个方法在网上曾有人写过,大家可以一起来相互探讨...
IE8 placeholder 兼容使用插件。可兼容password类型,可以正常显示提示字。
C#编程 WinForm窗体开发 InputText(源码)C#编程 WinForm窗体开发 InputText(源码)C#编程 WinForm窗体开发 InputText(源码)C#编程 WinForm窗体开发 InputText(源码)C#编程 WinForm窗体开发 InputText(源码)C#编程 ...
IE11版本好像才兼容input type="number",但是现在Win7版本操作系统下,很多人的IE版本都是IE7/8/9,所以为了体验就自己写了一个小插件,支持设置最大值、最小值、数字间隔。
分享一个用纯 CSS3 实现的,漂亮的 input 输入框动画样式库-Text input love。 点击每个输入框都用不同的动画效果,始终显示标签label,并显示 placeholder(占位符)文本。 演示地址:...
资源分类:Python库 所属语言:Python 资源全名:pygame-textinput-1.0.1.tar.gz 资源来源:官方 安装方法:https://lanzao.blog.csdn.net/article/details/101784059
自定义 input radio 兼容ie6
kivy之TextInput部件的属性实操练习源码
input file 表单很难用css样式来控制,IE下还好,dorder属性可以修改,但firefox下不行,非常丑,而且file的值通过模拟click事件获取的文件不能提交,也不能传给其他函数。 浏览按钮长度也不可控制。 前几天遇到这个...
使用jQuery快速解决input中placeholder值在ie中无法支持的问题
jquery插件解决IE6到IE9版本不支持placeholder的问题,支持同一个网页包含多个password input的版本。用法:下载插件并引用,将插件代码里面的login-input改成自己的密码input输入框的样式即可。
控制input三输入 的长度 尺寸在html中页面使用
兼容ie8、ie9的placeholder属性,其他浏览器用自身的placeholder。在ie8和ie9浏览器,点击span则让input聚焦。
js修改input的type属性有些限制。当input元素还未插入文档流之前,是可以修改它的值的,在ie和ff下都没问题。...但ie下这么做不可行,所以只能换个思路,写两个input,一个text类型,一个password类型,分得监听onf
html5新增input类型总结(教辅).pdf
网上之所以还没有大量的出现对这些新型的input类型的使用,是因为还有很多人在使用古老的IE6/IE8,只有当使用这些古老浏览器的人所占的比例可以忽略不计时,那就是HTML5主导天下之日,那天也是我们Web开发人员的新...
jquery input text文本框模拟select框美化 jquery input text文本框模拟select框美化 jquery input text文本框模拟select框美化 jquery input text文本框模拟select框美化
js修改input的type属性有些限制。当input元素还未插入文档流之前,是可以修改它的值的,在ie和ff下都没问题。...但ie下这么做不可行,所以只能换个思路,写两个input,一个text类型,一个password类型,分得监听on