IE8 input输入框type=“password”自动生成input框的疑问

问题描述

IE8 input输入框type=“password”自动生成input框的疑问
        近期在做前端工作,调试的时候发现了个很奇葩的现象,当我的input输入框的type

类型为password的时候,IE8会在该元素后面重新生成个input框,并把代码中的input
框给设为“display:none;”,导致文本框使用不了,哪位大神知道怎么解决这个问题
吗?求指点,图片随后附上~

解决方案

placehoder.js这个组件生产的,ie8-不支持placeholder属性,应该这个插件自动生成模拟placehodler效果的ui。自己看插件怎么用的,是不是没有导入对应的css

解决方案二:
确实,去掉placeholder之后确实不会自动生成了。可是我在其他页面也引用了这个脚本,采用了placeholder属性,却不会产生这种问题,好无奈的说~

时间: 2024-08-03 07:22:07

IE8 input输入框type=“password”自动生成input框的疑问的相关文章

php实现input输入框失去焦点自动保存输入框的数据

最近做一个输入框失去焦点时自动保存数据的功能,当然就是jQuery选择器选择input,blur时,ajax提交数据给php文件,php文件保存一下数据咯.主要是要注意一下中文的问题,所以中间需要转一下编码. 下面的实例是一个列表页,有一点类似excel了. html代码:  代码如下 复制代码 <table width="100%" align="left" border="0″ cellspacing="0″ bgcolor="

ie8下修改input的type属性报错的解决方法_javascript技巧

摘要: 现在有一个需求如图所示,当用户勾选显示明文复选框时,要以明文显示用户输入的密码,去掉勾选时要变回密文,刚开始想到的就是修改输入框的type来决定显示明文还是密文,使用jQuery的attr来做试验,测试结果是chrome,Firefox,ie9+都是好的,在ie8以下就会报错,查找了下原因,ie8中是不允许修改input的type属性,最终换了种思路实现. 当勾选显示明文时替换输入框为type="text",不勾选时在将输入框替换为type="password&quo

js修改input的type属性及浏览器兼容问题探讨与解决_javascript技巧

js修改input的type属性有些限制.当input元素还未插入文档流之前,是可以修改它的值的,在ie和ff下都没问题.但如果input已经存在于页面,其type属性在ie下就成了只读属性了,不可以修改.在ff下仍是可读写属性. 今天遇到个问题,输入框有默认值"密码",但获得焦点时,"密码"两字会去掉,输入时直接变成"****"的password类型.很明显,一开始的时候,input的类型是text,后来变成了password类型.直观的思路是

js修改input的type属性问题探讨_javascript技巧

js修改input的type属性有些限制.当input元素还未插入文档流之前,是可以修改它的值的,在ie和ff下都没问题.但如果input已经存在于页面,其type属性在ie下就成了只读属性了,不可以修改.在ff下仍是可读写属性. 今天遇到个问题,输入框有默认值"密码",但获得焦点时,"密码"两字会去掉,输入时直接变成"****"的password类型.很明显,一开始的时候,input的类型是text,后来变成了password类型.直观的思路是

js动态修改input输入框的type属性(实现方法解析)_javascript技巧

需要实现的效果:一个输入框,当输入框未获得焦点的时候,value 值为 "密码":当输入框失去焦点的时候,输入内容显示为"*****" <input name="password" type="text" id="showPwd" tabindex="2″ class="input" value="密码" /> 我们很直接会想到下面的js $(&

基于jQuery的input输入框下拉提示层(自动邮箱后缀名)_jquery

效果图 代码部分 复制代码 代码如下: // JavaScript Document (function($){ $.fn.extend({ "changeTips":function(value){ value = $.extend({ divTip:"" },value) var $this = $(this); var indexLi = 0; //点击document隐藏下拉层 $(document).click(function(event){ if($(

微信小程序 input输入框控件详解及实例(多种示例)_JavaScript

微信小程序 input输入框控件 今天主要详写一下微信小程序中的Input输入框控件,输入框在程序中是最常见的,登录,注册,获取搜索框中的内容等等都需要,同时,还需要设置不同样式的输入框,今天的代码中都要相应的使用. 首先主页面中将登录的样式进行了简单展示和使用, 代码如下: <!--index.wxml--> <!--如果在同一个form表单中创建了多个input输入框,可以给给每个输入框,创建自己的 name="userName"属性,可以区别哪个输入框,并通过添

input输入框的各种样式

输入框景背景透明:<input style="background:transparent;border:1px solid #ffffff"> 鼠标划过输入框,输入框背景色变色:<INPUT value="Type here" NAME="user_pass" TYPE="text" SIZE="29" onmouseover="this.style.borderColor='

css3实现input输入框颜色渐变发光效果代码

  给边框实现单击颜色渐变效果,这并不是单纯的box-shadow属性而已,它的发光是像四周均匀发光,它还包含一个缓慢发光过渡效果. 在继续学习之前,你必须要有一些Css3的基础知识.做出这一切需要你了解CSS3的Shadow和RGBa.Transition属性,否则就无法理解了. 1.制作发光边框文本框效果 代码如下: 然后我们要让这个input组件在被成为焦点(点击)时向四周发光,显示为蓝色,我只需添加一段CSS代码: 代码如下: sdw:focus{ transition:border l