html单选按钮设置默认

在HTML网页设计中，单选按钮是常用的一种交互元素，用户可以选择它们中的一个选项。有时候，我们需要设置默认选中的单选按钮。

<form>
  <input type="radio" name="gender" value="male" checked>男性
  <input type="radio" name="gender" value="female">女性
</form>

在上面的代码中，我们使用了<input>标签和type属性来创建单选按钮。name属性是用来区分不同的单选按钮的，value属性则是为了在提交表单时将选中的值传递到服务器。checked属性用来设置默认选中的单选按钮，它的值为checked表示选中，否则不选中。

需要注意的是，只有一个单选按钮可以被选中。如果设置了多个单选按钮的checked属性为checked，那么最后一个被处理到的单选按钮将被选中。

除了使用checked属性，我们也可以使用JavaScript来动态设置默认选中的单选按钮。例如：

<form>
  <input type="radio" name="gender" value="male" id="male-radio">男性
  <input type="radio" name="gender" value="female" id="female-radio">女性
</form>

<script>
  document.getElementById("male-radio").checked = true;
</script>

在上面的代码中，我们通过给每个单选按钮指定一个id属性，可以使用JavaScript来修改某个单选按钮的checked属性。这种方式适用于需要根据页面内容或用户交互动态设置默认单选按钮的情况。