element plus form表单点击label也选中了
时间: 2023-07-31 19:04:46 浏览: 459
Vue ~ element-ui 动态表单验证,支持添加和删除操作
5星 · 资源好评率100%
在 Element Plus 中,点击表单的 <label> 标签时,相应的表单控件应该被选中。如果您不希望出现这种情况,可以尝试以下两种方法:
1. 将 <label> 标签的 for 属性设置为相应表单控件的 id,而不是将表单控件包裹在 <label> 标签内。例如:
```html
<label for="input1">Label</label>
<input type="text" id="input1">
```
2. 使用 Element Plus 提供的 `form-item` 组件包装表单控件和相应的 <label> 标签。例如:
```html
<el-form-item label="Label">
<el-input></el-input>
</el-form-item>
```
这样可以确保只有点击表单控件时才会选中它,而不是点击其相应的 <label> 标签时也会选中它。
阅读全文