html还原默认设置,设置HTML文本输入框的“默认”值 单击ESC时还原值
时间: 2023-08-14 20:02:41 浏览: 222
你可以使用HTML的input标签来创建文本输入框,并且使用placeholder属性来设置默认值。当用户单击ESC键时,可以使用JavaScript来还原默认值。下面是一个示例代码:
```html
<input type="text" id="myInput" placeholder="请输入文本">
<script>
var input = document.getElementById("myInput");
var defaultValue = input.placeholder;
document.addEventListener("keydown", function(event) {
if (event.key === "Escape") {
input.value = "";
input.placeholder = defaultValue;
}
});
</script>
```
在这个示例中,我们首先获取文本输入框的DOM元素,并将其默认值保存在变量defaultValue中。然后,我们监听整个文档的keydown事件,当用户按下ESC键时,我们将文本输入框的值设置为空,同时还原其默认值。
阅读全文