美文网首页
JS示例02-点击按钮改变文本框值

JS示例02-点击按钮改变文本框值

作者: 微小码 | 来源:发表于2019-03-28 16:21 被阅读0次

    一、知识要点

    1、属性控制
    2、点击事件提取

    二、源码参考

    <!DOCTYPE html>
    <html>
    
        <head>
            <meta charset="UTF-8">
            <title></title>
            <script type="text/javascript">
                window.onload = function() {
                    var btn1 = document.getElementById('btn1');
                    var txt1 = document.getElementById('txt1');
    
                    btn1.onclick = function() {
                        txt1.value = "dfdfdfdfdf";
                    }
                }
            </script>
        </head>
    
        <body>
            <input type="button" name="btn1" id="btn1" value="点击" />
            <input type="text" name="txt1" id="txt1" value="" />
        </body>
    
    </html>
    

    三、运行效果

    image.png

    相关文章

      网友评论

          本文标题:JS示例02-点击按钮改变文本框值

          本文链接:https://www.haomeiwen.com/subject/lyxcbqtx.html