js获取input输入框的值

最新推荐文章于 2025-03-29 10:16:12 发布

IG_wxz

最新推荐文章于 2025-03-29 10:16:12 发布

阅读量10w+

点赞数 31

分类专栏：原创转载需经博主同意文章标签： input输入框 javascript

本文链接：https://blog.csdn.net/qq_40236722/article/details/90446306

版权

转载需经博主同意同时被 2 个专栏收录

22 篇文章

订阅专栏

原创

21 篇文章

订阅专栏

代码如下所示：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="Content-Language" content="zh-cn" />
    <title>输入框</title>
</head>
<body>
        <form>
            <input id="input"  type="text" placeholder="请输入你的姓名" />
        </form>
        <button onclick="btn()">测试</button>
        <div id="html"></div>
    <script>
      var x=  document.getElementById("input")//获取输入框元素
      var y=  document.getElementById("html") //获取id为html的元素
       function btn(){
        y.innerHTML = x.value; //将输入框的值赋给div标签
       }
    </script>
</body>
</html>

实现效果如下图所示：
在这里插入图片描述