获取表单 input框中输入的值

最新推荐文章于 2025-09-30 08:44:25 发布

原创最新推荐文章于 2025-09-30 08:44:25 发布 · 1.1w 阅读

8 ·

CC 4.0 BY-SA版权

js 专栏收录该内容

98 篇文章

订阅专栏

本文介绍了一个简单的HTML与JavaScript结合的例子，演示了如何通过JavaScript获取HTML中输入框的内容，并根据输入内容进行判断反馈。该示例利用了事件监听来实现按钮点击后的响应。

这里写图片描述

html:

<input type="text" value="请输入..." id="txt"/><button id="btn">查询</button>

js获取input框输入的值：

<script>
    function $(id){ return document.getElementById(id);}//封装的$(id)函数

    $("btn").onclick = function(){  //按钮点击时，执行函数（事件源 . 事件 = 事件处理程序）
        alert($("txt").value);  //弹出输入的信息

        if($("txt").value == "小明"){  //判断输入信息
          alert("恭喜！小明");
        }else{
          alert("抱歉");
        }
    }
</script>