如何解决ie9以下在input内容为空的情况下placeholder的值不被当做value取出
2016-07-21
展开全部
其实以前是通过给input|textarea设置value值来实现类似功能的,当input|textarea获得焦点时,将其value设置为空。但是有一个问题是对于密码输入框:
<input type=”password”>
如 果再用设置value值的方法,密码输入框中的值将被黑点替代。使用placeholder则可以解决这个问题,目前支持placeholder的浏览器 为:Firefox4.0+、Chrome4.0+、Safari4.0+,Opera 11、IE9。对不支持的浏览器我们将使用模拟的placeholder属性的替代方法:
具体思路是:
1,首先判断浏览器是否支持placeholder属性,如果不支持则使用模拟placeholder
//判断是否支持placeholder属性
function isPlaceholer(){
var input = document.createElement(‘input’);
return “placeholder” in input;
}
2, 我们创建一个label标签:<label>密码</label> 标签里面的内容为所要添加的提示文案,该文案应该从对应的input|textarea标签取得其placeholder属性值,再将label标签遮盖 到所对应的input|textarea上。
<input type=”password”>
如 果再用设置value值的方法,密码输入框中的值将被黑点替代。使用placeholder则可以解决这个问题,目前支持placeholder的浏览器 为:Firefox4.0+、Chrome4.0+、Safari4.0+,Opera 11、IE9。对不支持的浏览器我们将使用模拟的placeholder属性的替代方法:
具体思路是:
1,首先判断浏览器是否支持placeholder属性,如果不支持则使用模拟placeholder
//判断是否支持placeholder属性
function isPlaceholer(){
var input = document.createElement(‘input’);
return “placeholder” in input;
}
2, 我们创建一个label标签:<label>密码</label> 标签里面的内容为所要添加的提示文案,该文案应该从对应的input|textarea标签取得其placeholder属性值,再将label标签遮盖 到所对应的input|textarea上。
追问
我添加了支持placeholder支持,然后要去获取input的输入值,当什么都不输入的时候,他拿到的值直接就是placeholder的值,这怎么解决
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询