Label 标签

For 属性

即和 <label> 元素在同一文档中的 可关联标签的元素 的 id。 文档中第一个 id 值与 <label> 元素 for 属性值相同的元素，如果可关联标签（labelable），则为已关联标签的控件，其标签就是这个 <label> 元素。如果这个元素不可关联标签，则 for 属性没有效果。如果文档中还有其他元素的 id 值也和 for 属性相同，for 属性对这些元素也没有影响。

注意：<label> 元素可同时有一个 for 属性和一个子代控件元素，只是 for 属性需要指向这个控件元素。

form 属性

表示与 label 元素关联的 ](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/form) 元素（即它的表单拥有者）。如果声明了该属性，其值应是同一文档中 [ 元素（即它的表单拥有者）。如果声明了该属性，其值应是同一文档中 ](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/form) 元素（即它的表单拥有者）。如果声明了该属性，其值应是同一文档中 [ 元素的 id。因此你可以将 label 元素放在文档的任何位置，而不仅作为 ](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/form) 元素的 `id`。因此你可以将 label 元素放在文档的任何位置，而不仅作为 [ 元素的后代。

多选选择文件

html部分

 <label for="myfile" class="pointer">
        <img src="@/assets/image/upload.png" alt />
 </label>
  <input @change="getFile($event.target.files, $event)" type="file" id="myfile" />

js部分

const myFileList = ref<any[]>([]);
const getMyFile = (files: File[], even: any) => {
      if (myFileList.value.length >= 2) {
        console.log("文件上传不能超过两个")
        return
      }
      myFileList.value = [...myFileList.value, files[0]]
      console.log(myFileList.value)
    };