IE不兼容placeholder的解决方案

最新推荐文章于 2020-06-05 17:34:35 发布

「已注销」

最新推荐文章于 2020-06-05 17:34:35 发布

阅读量1.8k

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript html ie兼容文章标签： ie 7 placeholder

本文链接：https://blog.youkuaiyun.com/yu670538949/article/details/53747442

本文介绍了如何处理IE7、IE8、IE9中input输入框不支持placeholder属性的问题，提供了解决方案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

IE789的input输入框不支持placeholder，方案如下：

1. 如果没有password：

<input value="用户名" onfocus="if(value=='用户名'){value='';}" onblur="if(value==''){value='用户名';}"/>

2. 如果有password：

/**
 * @author hyyu 2016.12.18
 * 解决IE不支持placeholder的问题，password类型中必须单独放在一个节点中，不能有兄弟节点
 */
(function(){
	var inputArr = document.getElementsByTagName("input");
	for(var i=0;i<inputArr.length;i++){
		process(inputArr[i]);
	}
	
	function process(input){
		if(input.type!="password"&&input.type!="text"){
			return;
		}
		var isPswInput = (input.type=="password");
		if(isPswInput){
			input = changeType(input,"text");
		}
		input.value = getValue(input,'placeholder');
		input.onfocus=function(){
			if(input.value == getValue(input,'placeholder')){
				input.value="";
			}
			if(isPswInput){
				input = changeType(input,"password");
				setTimeout(function(){input.focus()},20); //重新渲染