<select>元素的multiple属性设置为true举例

当`<select>`元素的`multiple`属性设置为`true`时，允许用户选择多个选项。以下是一个例子：

<select multiple>
  <option value="apple">苹果</option>
  <option value="banana">香蕉</option>
  <option value="orange">橙子</option>
  <option value="watermelon">西瓜</option>
</select>

在这个例子中，用户可以通过按住`Ctrl`键来选择多个选项，或者按住`Shift`键来选择一个范围内的选项。所选的选项将在提交表单时作为一组值传递。

相关问题

<el-select>组件怎么做多选框，可以一次允许选择可选项的多个内容，请举例说明

要在`<el-select>`组件中启用多选模式，你只需要在组件的`multiple`属性中设置`true`即可。例如：

<el-select v-model="selectedOptions" multiple>
  <el-option label="Option 1" value="option1"></el-option>
  <el-option label="Option 2" value="option2"></el-option>
  <el-option label="Option 3" value="option3"></el-option>
</el-select>

在上面的代码中，我们通过将`multiple`属性设置为`true`启用了多选模式，并使用`v-model`指令将选中的选项绑定到`selectedOptions`数组中。当用户选择一个或多个选项时，`selectedOptions`数组会随之更新。

请注意，如果你想要在多选模式下允许最多选择的选项数量，可以在`<el-select>`组件中设置`limit`属性，例如`<el-select v-model="selectedOptions" multiple :limit="3">`。这将限制用户最多只能选择3个选项。