如何在HTML中清除文本框(input)的所有内容?
时间: 2024-11-12 11:35:03 浏览: 6
当某个文本框成为焦点时即清除文本框内容
在HTML中,如果你想清空文本框(input)的内容,可以使用JavaScript或者HTML5的`value`属性直接设置为空字符串。以下是两种方法:
**使用JavaScript:**
```html
<input type="text" id="myInput">
<button onclick="clearText()">清除内容</button>
<script>
function clearText() {
var inputElement = document.getElementById('myInput');
inputElement.value = '';
}
</script>
```
当点击按钮时,会调用`clearText`函数,将文本框的内容设为默认的空字符串。
**使用HTML5的`placeholder`属性(如果浏览器支持):**
```html
<input type="text" id="myInput" placeholder="请输入内容">
<button onclick="this.form.myInput.value='';">清除内容</button>
```
在这个例子中,当点击按钮时,文本框的内容会被其自身的`placeholder`属性(即默认提示信息)替代,实现了清空的效果。注意,这种方法并非所有浏览器都支持。
阅读全文