JS如何将文本框里的值清空

作者:白雪 | 创建时间: 2023-03-17
做网站的前端页面处理的时候,通常都是用js来处理,尤其是对表单中的文本框的值的设置,如果要清空的话就将文本框的值给个空值就可以了,那么怎么来实现呢?...
JS如何将文本框里的值清空

操作方法

首先在编辑器中新建一个html页面

修改文件设置文件名为clear.html,标题为 JS如何将文本框里的值清空并保存。

在body中加入一个文本框,name为“clear“id也设置为”clear“在值中加入”JS如何将文本框里的值清空“

在文本框中加入点击事件cleartext同时在脚本中也加入一个方法,想要在点击文本框的时候将该文本框中的内容清空

通过id获取对象的方法获取到input的对象,然后将对象的值赋值为空

保存后在浏览器中预览该页面,会看到文本框中显示“JS如何将文本框里的值清空”当点击文本框的时候就将该文本框内容清空 了。

温馨提示

注意id要准确
点击展开全文

更多推荐