html勾选框

HTML勾选框（Checkbox）是一种常见的表单元素，用于让用户在多个选项中选择一个或多个选项。在HTML中，勾选框是通过元素来创建的，具体的类型为"type=checkbox"。

勾选框的基本语法如下：

```html

```

其中，

- `type="checkbox"` 表示创建一个勾选框；

- `name` 属性定义勾选框的名称，用于在提交表单时识别该勾选框；

- `value` 属性定义勾选框的值，用于在提交表单时传递给服务器。

通过在勾选框的`checked`属性设置为"checked"，可以使其默认被勾选上，如：

```html

```

如果要创建多个勾选框，只需要在HTML代码中创建多个元素，对应不同的选项即可。勾选框的勾选状态可以通过JavaScript动态控制，也可以在HTML代码中预设勾选状态。

实例代码：

```html

```

以上代码创建了一个表单，其中包含了三个勾选框，分别表示苹果、香蕉和橙子。其中，橙子的勾选状态默认为勾选上。

在使用勾选框时，可以通过JavaScript获取和修改其勾选状态。例如，可以通过以下代码获取被勾选的选项：

```javascript

var checkboxes = document.getElementsByName("fruits");

var selectedFruits = Array.from(checkboxes).filter(function(checkbox) {

return checkbox.checked;

}).map(function(checkbox) {

return checkbox.value;

});

```

在上述代码中，`getElementsByName`会返回所有名称为"fruits"的勾选框元素，然后通过`filter`方法找出被勾选的勾选框元素，并通过`map`方法获取其值。

HTML勾选框在用户界面设计和表单处理中常常被用到，可以给用户提供多个选择选项，并根据用户的选择进行相应的处理。