简单方法让input date支持placeholder
时间: 2024-01-17 20:04:40 浏览: 236
可以使用JavaScript来实现这个功能。首先,我们可以为input标签添加一个id属性,方便我们在JavaScript中进行操作。然后,我们可以使用以下代码来判断浏览器是否支持input标签的placeholder属性:
```
if (!('placeholder' in document.createElement('input'))) {
// 浏览器不支持placeholder属性,需要使用JavaScript来实现
}
```
如果浏览器不支持placeholder属性,我们可以使用以下代码来实现:
```
var input = document.getElementById('yourInputId');
var placeholder = input.getAttribute('placeholder');
input.value = placeholder;
input.onfocus = function() {
if (this.value == placeholder) {
this.value = '';
}
};
input.onblur = function() {
if (this.value == '') {
this.value = placeholder;
}
};
```
这段代码会将input的value属性设置为placeholder属性的值,并在input获得焦点时清空value属性,失去焦点时如果value属性为空则将其设置为placeholder属性的值。这样就可以实现类似于placeholder的功能了。
阅读全文