`

IE6下文本框和密码框长度不一

 
阅读更多
截取部分代码:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>IE6下文本框和密码框长度不一</title>
<style>
<!--
* { font-size:12px}
ul li { list-style:none; margin:0; padding:0}
li { height:30px}
-->
</style>
</head>
<body>
<ul>
<li>
    <input type="text" size="20" />
</li>
<li>
    <input type="password" size="20" />
</li>
</ul>
</body>
</html>

分析了一下原因.其实这是个很简单的问题,因为我在做input的时候,不习惯也不喜欢定义input的宽度,一般直接用size="" <input type="password" size="20" /> 但有时候会忽略去定义input的字体.只要定义一个全局的input字体和字体大小就OK.写下这篇文章,主要也是警惕自己以后要保持定义全局input字体的习惯.

修改代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>IE6下文本框和密码框长度不一</title>
<style>
<!--
* { font-size:12px}
ul li { list-style:none; margin:0; padding:0}
li { height:30px}
input {font-family:Verdana, Arial, Helvetica, sans-serif,"宋体"}
-->
</style>
</head>
<body>
<ul>
<li>
    <input type="text" size="20" />
</li>
<li>
    <input type="password" size="20" />
</li>
</ul>
</body>
</html>

第二种方法:为其设置 width css样式,固定其宽度
分享到:
评论

相关推荐

    TextContro web下文本框输入限定

    总的来说,`TextContro web下文本框输入限定`是一个涉及前端开发基础、验证机制、用户体验和安全性的综合性话题。通过理解这些知识点,开发者可以创建出符合业务需求且用户体验良好的文本输入控件。如果`TextContro`...

    在应用中使用注册表扩充IE上下文菜单(27KB)

    标题中的“在应用中使用注册表扩充IE上下文菜单”是指一种通过修改Windows注册表来扩展Internet Explorer浏览器右键点击(上下文菜单)的功能。这种技术允许开发者为IE添加自定义的菜单项,以实现特定的功能或服务。...

    定制编辑框的上下文菜单

    本文将深入探讨如何在不同的编程语言和框架中定制编辑框的上下文菜单,以提升用户体验。 1. **Windows API**:在Windows平台上,可以通过使用WinAPI函数来定制编辑框的上下文菜单。首先,你需要创建一个菜单资源,...

    编辑框上下文菜单演示程序代码

    在IT领域,编辑框上下文菜单是用户界面中常见的元素,尤其在开发Windows应用程序时,如使用VC++6.0和MFC库。上下文菜单(也称为弹出菜单或右键菜单)提供了与特定对象相关的操作选项,当用户在编辑框上点击鼠标右键...

    CSS在IE6下不起作用,没有效果

    IE6的层叠上下文(stacking context)处理方式与现代浏览器不同,可能导致元素重叠或Z轴顺序混乱。有时,使用`z-index`并不能解决IE6下的层叠问题,可能需要更复杂的解决方案。 解决这些问题的方法有多种: 1. ...

    alertView弹出密码提示框

    在本例中,我们讨论的是使用`UIAlertController`来创建一个弹出的密码提示框。 首先,我们需要创建一个`UIAlertController`实例,并设置其样式为`UIAlertControllerStyleAlert`,因为这对应于一个警告对话框。接...

    IE6兼容笔记

    IE6和IE7在处理Z-index时也有其特定的规则。理解这些规则对于解决跨浏览器兼容性问题是至关重要的。 **IE6/IE7规则:** 1. **父级层叠上下文的背景、边界**。 2. **Z-index值为负值的定位元素**(值越小越靠下)。...

    兼容IE6的遮罩层

    "兼容IE6的遮罩层"是一个常见的技术挑战,涉及到网页元素的层叠上下文、透明度处理和CSS hack等知识点。下面将详细阐述这些内容。 首先,遮罩层(Mask)是一种在网页上覆盖一层半透明或全透明的元素,以达到突出...

    IE6兼容心得(自己总结的)

    然而,在IE6中,层叠上下文的行为有所不同,具体规则如下: 1. **父级Stacking Context的背景、边界** 2. **z-index值为负值的定位元素**(值越小越靠下) 3. **文本流中非定位的Block块级子元素** 4. **脱浮流动态...

    解决IE6中 Div层挡不住Select组件

    "解决IE6中 Div层挡不住Select组件"这个问题是一个典型的例子,它反映了IE6在CSS层叠样式和Z-index处理上的独特行为。 在现代浏览器中,我们可以利用CSS的`z-index`属性来控制元素的前后堆叠顺序,从而让某些元素...

    网页排版IE6兼容性问题修改方法

    IE6使用了非标准的盒模型,边框和内边距会被计算到元素的总宽度和高度中。为了确保元素尺寸与预期一致,可以使用`box-sizing:border-box`属性(但该属性在IE6中不支持,需要使用`* html`或`_width`等hack技巧)。 ...

    IE6JS调试工具

    "IE6JS调试工具"就是这样一种利器,它为开发者提供了一个方便的环境来定位和修复JavaScript代码中的错误。 JavaScript是一种广泛用于网页动态效果和交互的编程语言。在IE6的时代,开发者通常没有现代浏览器中内置的...

    ie6下DIV覆盖select框js解决代码

    总结来说,解决IE6下`div`覆盖`select`框的问题需要理解浏览器的层叠上下文规则,并利用JavaScript动态调整元素的样式。虽然这种问题在现代浏览器中很少出现,但在维护旧项目或考虑跨浏览器兼容性时,理解并掌握这种...

    IE6/IE7/IE8兼容本地上传图片并预览源代码

    本篇文章将深入探讨一个关键问题——如何实现本地图片上传并预览的功能,并兼容IE6、IE7和IE8。这个功能对于现代浏览器来说是相当基础的,但在老版本的IE中,由于其内核和API的限制,实现起来并不简单。 首先,我们...

    ie6下select覆盖div的解决办法

    这种行为是由于IE6对CSS层叠上下文理解的局限性,以及对z-index属性的不完全支持导致的。 为了解决这个问题,我们可以尝试以下几种策略: 1. **绝对定位与z-index**:首先,给被覆盖的Div设置`position: relative;...

    上下文感知计算及系统框架综述

    上下文感知计算是一种新兴的计算模式,它强调计算机系统能够识别并利用周围环境的信息(即上下文信息)来提高交互质量和效率。上下文信息可以包括用户的位置、活动状态、社交关系等多种类型的数据。这种计算模式在...

    网络游戏-基于递归神经网络和概率上下文无关文法的密码生成系统.zip

    网络游戏-基于递归神经网络和概率上下文无关文法的密码生成系统.zip

    FireFox下文本框/域百分比自适应数值padding显示bug解决方案

    经常会遇到文本框以及文本域宽度100%自适应显示的情况,对于...IE6+, Opera, Chrome, Safari浏览器都是显示很OK的;唯独FireFox火狐浏览器,其虽然宽度渲染正常,但是,光标的位置确是顶头的(与数值padding的显示完全

    上下文感知的现有项目总结

    本文将对当前上下文感知的项目进行总结,分为上下文应用、上下文接口和上下文框架三个方面进行探讨。 首先,上下文应用广泛存在于各个领域,如湖南大学提出的项目,展示了上下文在智能空间中的应用。例如,Olivetti...

Global site tag (gtag.js) - Google Analytics