天天看点
返回

js获取input输入框的值

代码如下所示：

<!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>

实现效果如下图所示：

js获取input输入框的值
原创 转载需经博主同意 Input输入框 javascript
上一篇: Git常用命令及方法大全Git常用命令及方法大全Git分支管理策略版本回退-撤销文件修改
下一篇: web服务器并发优化（nginx+多实例tomcat负载均衡）（另附：安装包和文档）

继续阅读