js如何清空一个input 输入框的内容

<input id="userName" onchange="inputChange" value="{{form.userName}}"/>
this.$element("userName").attr.value = ''  //没用
htis.form.userName = ''  //没用

鸿蒙
HarmonyOS
JavaScript
2021-11-19 11:52:01
浏览
收藏 0
回答 2
回答 2
按赞同
/
按时间
望海亦
1

可以使用this.form.userName =“”

分享
微博
QQ
微信
回复
2021-11-19 15:31:04
wei_shuo
  • ​this.$element("userName").attr.value = ''​​:此代码中​​this.$element​​ 并非原生 JavaScript 方法,不清楚其具体实现逻辑。就算它能选中元素,​​attr​​ 这样的访问方式也不对,在原生 JavaScript 里应直接操作 DOM 元素的属性。
  • ​htis.form.userName = ''​​​:代码里​​htis​​​ 拼写有误,正确的应该是​​this​​​。另外,​​this.form​​ 不清楚是什么,若想操作输入框,需要先选中该 DOM 元素。

你可以借助原生 JavaScript 选中输入框元素,再把它的 ​value​ 属性设为空字符串

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
</head>

<body>
    <input id="userName" onchange="inputChange()" value="初始值">
    <button onclick="clearInput()">清空输入框</button>
    <script>
        function clearInput() {
            const input = document.getElementById('userName');
            input.value = '';
        }

        function inputChange() {
            // 处理输入框内容变化的逻辑
            console.log('输入框内容发生变化');
        }
    </script>
</body>

</html>
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • ​document.getElementById('userName')​​:该方法用于选中​​id​​ 为​​userName​​ 的输入框元素。
  • ​input.value = ''​​:将选中的输入框元素的​​value​​ 属性设为空字符串,从而清空输入框内容。
分享
微博
QQ
微信
回复
2025-03-23 13:16:41
相关问题
如何清空文本输入框内容
1835浏览 • 2回复 待解决
HarmonyOS textInput 如何清空输入框
940浏览 • 2回复 待解决
获取输入框输入内容
505浏览 • 2回复 待解决
HarmonyOS 输入框不显示内容
1024浏览 • 2回复 待解决
HarmonyOS 密码输入框
799浏览 • 1回复 待解决
HarmonyOS 适配-输入框问题
843浏览 • 1回复 待解决
HarmonyOS 输入框无法对齐
1158浏览 • 1回复 待解决
HarmonyOS 键盘遮挡输入框
736浏览 • 1回复 待解决
HarmonyOS 修改输入框焦点
746浏览 • 1回复 待解决