19JavaScript表单核心：属性、方法与事件实战全攻略-CSDN博客

本文链接：https://blog.csdn.net/chinayun_6401/article/details/148220647

input.value属性操作

【案例】input.value

表单常用方法

oninput/onpropertychange判断用户输入事件

非 VIP 用户可前往公众号“前端基地”进行免费阅读，文章链接如下：

19JavaScript表单核心：属性、方法与事件实战全攻略

input.value属性操作

input.value 属性用于获取或设置表单输入框的值。

语法：

/*返回表单默认值*/
input元素对象.value;
/*设置表单默认值*/
input元素对象.value='设置的表单值';

示例代码：

<body>
    <button>input.value返回表单默认值</button>
    <button>input.value设置表单默认值</button>
    <input type="text" value="表单默认值" id="txt" />
    <script>
        var txt=document.getElementById('txt');
        var btns=document.getElementsByTagName('button');
        btns[0].onclick=function(){
            console.log(txt.value); 
        }
        btns[1].onclick=function(){
            txt.value='设置表单值';  
        }
    </script>
</body>