提示内容和清空输入框:使用 HTML 中的 placeholder 属性可以设置提示内容。使用 JavaScript 监听输入框的 focus 和 blur 事件,就可以实现输入框获取和失去焦点时的操作
时间: 2024-02-20 20:00:17 浏览: 216
是的,你说得对。下面是一个简单的示例代码:
```html
<input type="text" placeholder="请输入姓名" id="name-input">
<script>
const nameInput = document.getElementById('name-input');
nameInput.addEventListener('focus', () => {
nameInput.placeholder = '';
});
nameInput.addEventListener('blur', () => {
nameInput.placeholder = '请输入姓名';
});
</script>
```
在这个示例中,我们给输入框设置了一个默认的提示文本“请输入姓名”,当输入框获取焦点时,我们将 placeholder 属性清空,让用户可以输入自己的内容。当输入框失去焦点时,我们将 placeholder 属性重新设置为“请输入姓名”,以便下一次用户再次输入时可以看到提示文本。
需要注意的是,这只是一个简单的示例代码,实际应用中可能需要更复杂的逻辑来判断用户的输入内容是否符合要求。
阅读全文