Question

HTML网页怎样获取input的值

Answer 1

1、可以使用Jquery获取input框的值，新建Html文件，初始化文档，可以从CDN引入Jquery文件，也可以下载Jquery文件到本地，这里选择将其下载到本地：

2、在文件内创建“<input>”标签，并设置一个默认的“value”值：

3、在底部编写Jquery获取input值的编码，，这里使用Jquery的val函数获取input的值：

4、保存文件，打开浏览器查看效果：

Answer 2

需要使用到JS

<input id="test" type="text" value="HTML5" />
<div id="btn">查看input的值</div>
<script>
    var test = document.getElementById("test");
    var btn = document.getElementById("btn");
    btn.onclick = function(){
        alert(test.value)
    }
</script>

通过id获取到相应的input标签和div标签，当点击div这个标签的时候，弹出input的值