html表单选项单选与多远的设置

在HTML表单中，单选按钮和复选框是用来让用户选择一个或多个选项的。单选按钮只允许用户选择一个选项，而复选框允许用户选择多个选项。以下是单选按钮和复选框的设置方法：

单选按钮：

<label for="option1">Option 1</label>
<input type="radio" id="option1" name="options" value="1">

<label for="option2">Option 2</label>
<input type="radio" id="option2" name="options" value="2">

<label for="option3">Option 3</label>
<input type="radio" id="option3" name="options" value="3">

在上面的代码中，我们使用了 `<input>` 元素来创建单选按钮。`type` 属性被设置为 "radio"，这表示这是一个单选按钮。`name` 属性被设置为 "options"，这表示这些按钮归属于同一个组。`value` 属性被设置为不同的值，这将是用户选择的选项的值。`id` 属性是一个可选的属性，用于与 `<label>` 元素关联。

复选框：

<label for="option1">Option 1</label>
<input type="checkbox" id="option1" name="options" value="1">

<label for="option2">Option 2</label>
<input type="checkbox" id="option2" name="options" value="2">

<label for="option3">Option 3</label>
<input type="checkbox" id="option3" name="options" value="3">

在上面的代码中，我们同样使用了 `<input>` 元素来创建复选框。`type` 属性被设置为 "checkbox"，这表示这是一个复选框。`name` 属性同样被设置为 "options"，这表示这些复选框归属于同一个组。`value` 属性同样被设置为不同的值，这将是用户选择的选项的值。`id` 属性同样是一个可选的属性，用于与 `<label>` 元素关联。