HTML 提交表单，JQuery接收内容

最新推荐文章于 2025-10-19 20:54:06 发布

原创最新推荐文章于 2025-10-19 20:54:06 发布 · 781 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#html #表单

HTML 专栏收录该内容

15 篇文章

订阅专栏

本文介绍了一个使用HTML创建表单并利用JQuery来捕获和处理表单数据的示例。通过一个简单的页面，展示了如何在点击按钮时获取输入框中的信息，并在控制台中显示这些数据。

HTML 提交表单，JQuery接收内容，示例如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>


<form name="a" id="a" action="#" method="post">
    <input  type="text" id="name" />
    <input  type="text" id="number" />
    <input type="button" value="提交" onclick="click1()" />
</form>

</body>
<script>
    function click1(){
        var name = document.getElementById("name").value;
        var number = document.getElementById("number").value;
        // alert("b.html?name="+name+"&number="+number);
        // document.getElementById("a").action="b.html?name="+name+"&number="+number;
        // document.getElementById("a").submit();
        console.log('name = ', name)
        console.log('number = ', number)
    }

</script>
</html>

页面显示日志如下：