input-placeholder获取焦点清空
时间: 2023-10-08 11:04:04 浏览: 81
让低版本浏览器支持input的placeholder属性(js方法)
您可以通过以下方式实现获取焦点时清空输入框的placeholder提示文本:
1. 使用JavaScript在输入框获取焦点时将placeholder属性值设为空字符串。
例如:
```
<input type="text" placeholder="请输入您的用户名" onfocus="this.placeholder=''" onblur="this.placeholder='请输入您的用户名'">
```
2. 使用CSS设置输入框获取焦点时placeholder文本颜色为透明,失去焦点时恢复原来的颜色。
例如:
```
input:focus::-webkit-input-placeholder {
color: transparent;
}
input:focus::-moz-placeholder {
color: transparent;
}
input:focus:-ms-input-placeholder {
color: transparent;
}
input:focus:-moz-placeholder {
color: transparent;
}
input::-webkit-input-placeholder {
color: #999;
}
input::-moz-placeholder {
color: #999;
}
input:-ms-input-placeholder {
color: #999;
}
input:-moz-placeholder {
color: #999;
}
```
以上两种方法都可以实现输入框获取焦点时清空placeholder提示文本,您可以根据自己的实际需求选择其中一种方法。
阅读全文