默认选中的Html按钮

<button id="mybutton">Title</button>
<script>
  document.addEventListener("DOMContentLoaded", function(event) { 
    document.getElementById("mybutton").click();
 });
</script>

问题

我想知道你想要什么。在标题中,你说你想让它在默认情况下被选中,但后来你谈到让它在默认情况下被点击。我想你的意思是它应该有焦点,而不是按钮应该被点击。

<button autofocus>Title</button>

解决方案2:香草Javascript

browser support ,您可以使用javascript进行此操作:

<button id="mybutton">Title</button>
<script>
  document.addEventListener("DOMContentLoaded", function(event) { 
    document.getElementById("mybutton").focus();
 });
</script>

解决方案3:使用jQuery

如果您已经加载了jQuery,那么您可以选择使用jQuery。请注意,添加jQuery的代价很高(缩小了85kb)。jQuery允许您编写:

$(function() {
  $('mybutton').focus();
});

要测试这些解决方案,可以使用以下简单的CSS代码:

button {background: red;}
button:focus {background: green;}

如果要查找默认选中的复选框/单选按钮:

<input type="checkbox" checked />
<input type="radio" value="yes" checked />

默认情况下,选中的按钮提供的值很小,因为按钮用于提交或发布。

如果是这样的话,那就不可能了。Html按钮不能处于永久按下状态。