HTML 按钮和单选按钮

HTML（超文本标记语言）提供了多种类型的按钮和单选按钮元素，这些元素可以增强您的Web表单，使用户能够输入数据或进行选择。

按钮元素

普通按钮

HTML中的普通按钮元素由<button>标签表示，可以在按钮中放置文本或图像以进行操作。

样例代码：

<button>Click me!</button>

图像按钮

按钮也可以是<img>元素，这是一种图像按钮，它使用图标或其他图形代替文本。

样例代码：

<button>
   <img src="icon.png" alt="icon">
</button>

输入按钮

按钮也可以是<input>元素，这是一种输入按钮，它使用特定类型的输入例如提交表单（type="submit"）。

样例代码：

<input type="submit" value="Submit">

单选按钮

单选按钮是一组互斥的选项按钮，用户只能选择其中一个选项。

单选按钮组

单选按钮组是一组具有相同名称的单选按钮。同一组中的每个单选按钮都有一个唯一的value属性值，表示用户选中的选项。

样例代码：

<input type="radio" name="gender" value="male">
<label for="male">Male</label><br>
<input type="radio" name="gender" value="female">
<label for="female">Female</label><br>

默认选择

可以通过在单选按钮上添加checked属性来设置默认选项。

样例代码：

<input type="radio" name="gender" value="male" checked>
<label for="male">Male</label><br>
<input type="radio" name="gender" value="female">
<label for="female">Female</label><br>

结论

HTML中提供多种类型的按钮和单选按钮元素，这些元素可以增强您的Web表单，使用户能够输入数据或进行选择。样例代码如上。