使用js修改input表单里的值，表单禁用disabled

最新推荐文章于 2024-03-19 22:36:42 发布

爬楼梯的小新

最新推荐文章于 2024-03-19 22:36:42 发布

阅读量1.5k

点赞数

分类专栏： JavaScript 文章标签： javascript 前端

本文链接：https://blog.csdn.net/weixin_57607714/article/details/122468429

版权

JavaScript 专栏收录该内容

86 篇文章 4 订阅

订阅专栏

修改普通盒子的里值比如div标签里的内容可以用div.innerHtml p.innerHtml等

要修改表单里的值需要用.value

<body>
    <input type="text" placeholder="请输入">
    <button>按钮</button>

</body>
<script>
    var ipt = document.querySelector('input');
    var btn = document.querySelector('button');
    btn.onclick = function() {
        ipt.value = '被点击了';
    }
</script>

表单禁用

如果想要某个表单被禁用只能被点击一次给按钮使用disabled

html还是和上面那个代码一样

<script>
    var ipt = document.querySelector('input');
    var btn = document.querySelector('button');
    btn.onclick = function() {
        ipt.value = '被点击了';
        btn.disabled = 'true';
    }
</script>