HTMLRadio是一种单选框控件，常用于Web表单。它允许用户从多个选项中选择一个。这些选项可以是任何标签，如文本、图像或其他HTML元素。
如何创建HTMLRadio
要创建一个HTMLRadio，需要使用元素并设置其类型为“radio”。每个单选按钮都必须具有唯一的名称，以确保只有一个单选按钮被选中。您可以通过在
以上代码将创建三个单选按钮，其中每个都有相同的名称“gender”，但值不同。当用户选择其中一个单选按钮时，该单选按钮的值将提交到服务器。
CSS样式化HTMLRadio
可以使用CSS为HTMLRadio添加样式。以下是一些常见的CSS属性和伪类，可用于自定义单选按钮的外观：
- appearance：指定控件的外观（例如checkbox、radio等）。
- background-color：指定背景颜色。
- border：指定边框样式。
- border-radius：指定圆角大小。
- outline：指定选中时的外框颜色。
- :checked：选择已选中的单选按钮。
例如：
input[type="radio"] {
appearance: none;
border: 1px solid black;
border-radius: 50%;
width: 20px;
height: 20px;
outline: none;
}
input[type="radio"]:checked {
background-color: black;
}
HTMLRadio是一种常用的Web表单控件，它允许用户从多个选项中选择一个。通过使用元素和设置唯一名称来创建单选按钮，您可以轻松地将其添加到HTML表单中。您还可以使用CSS来自定义单选按钮的外观。