在不提交表单的情况下，使用URL + GET参数填充表单按钮

基础概念

GET参数是通过URL传递数据的一种方式，通常用于向服务器请求数据。当用户在浏览器中输入URL并按下回车键时，浏览器会将URL中的GET参数发送到服务器。服务器接收到这些参数后，可以根据这些参数执行相应的操作。

类型

GET参数通常以键值对的形式出现，例如：

https://example.com/form?param1=value1&param2=value2

应用场景

在不提交表单的情况下，使用URL + GET参数填充表单按钮的场景包括但不限于：

搜索功能：用户可以通过URL中的GET参数直接进行搜索。
分页功能：通过URL中的GET参数传递页码，实现页面的分页显示。
预设参数：在某些情况下，可以通过URL传递预设参数，直接显示特定内容。

示例代码

假设我们有一个简单的HTML表单：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Form Example</title>
</head>
<body>
    <form id="myForm">
        <input type="text" id="param1" name="param1">
        <input type="text" id="param2" name="param2">
        <button type="button" onclick="fillForm()">Fill Form</button>
    </form>

    <script>
        function fillForm() {
            const urlParams = new URLSearchParams(window.location.search);
            document.getElementById('param1').value = urlParams.get('param1') || '';
            document.getElementById('param2').value = urlParams.get('param2') || '';
        }

        // 页面加载时自动填充表单
        window.onload = fillForm;
    </script>
</body>
</html>