如何在HTML或JavaScript中让按钮默认被点击？附隐藏按钮代码

好问题！首先得明确一点：HTML里并没有像复选框的checked属性那样，能让按钮默认“被点击”的原生属性——因为按钮的“点击”是一个动作事件，而不是一个可持久化的状态。不过我们可以用JavaScript轻松实现类似的效果，具体分两种情况来看：

情况1：你实际需要的是隐藏的提交按钮 #

如果你的代码是笔误，原本想做一个隐藏的提交按钮（比如用来触发表单提交），那先修正元素类型，再用JS自动触发点击：

1. 修正HTML元素（把type="hidden"改成type="submit"，并隐藏它）：

<input id="submit" type="submit" value="Reverse Geocode" style="display: none;">

2. 添加JavaScript，在页面加载完成后自动触发点击：

// 等待DOM完全加载后执行
document.addEventListener('DOMContentLoaded', function() {
    // 找到按钮并触发点击事件
    document.getElementById('submit').click();
});

情况2：它确实是隐藏输入域（type="hidden"） #

隐藏输入域的作用是在表单中传递数据，本身不需要“点击”操作。如果你是想触发和这个输入域关联的逻辑（比如你提到的「Reverse Geocode」反向地理编码功能），更合理的方式是把逻辑封装成独立函数，页面加载时直接调用函数，而不是模拟点击隐藏元素：

<input id="submit" type="hidden" value="Reverse Geocode">
<script>
    // 封装你的反向地理编码逻辑
    function doReverseGeocode() {
        // 这里写实际的业务代码，比如调用地理编码API
        console.log('执行反向地理编码操作');
    }

    // 页面加载完成后自动执行函数
    document.addEventListener('DOMContentLoaded', doReverseGeocode);
</script>

补充说明 #

为什么没有类似checked的属性？因为复选框的checked是用来标记状态（是否被选中），而按钮的点击是一次性动作——HTML没有内置属性来自动触发动作，所以必须借助JavaScript来实现这种“默认执行”的需求。

内容的提问来源于stack exchange，提问作者Arnav Nath