这里的for有什么作用？

问题：这里的for有什么作用？

代码：

<div id="app">
        <p>单个复选框:p>
        <input type="checkbox" id="checkkbox" v-model = 'checked'>
        <label for="checkbox">{{isClick}}label>
    div>

"for" 属性可把 label 绑定到另外一个表单控件，如果你点击了 label 元素，就会触发此控件，浏览器就会自动将焦点转到和标签相关的表单控件上

label里面的for是 绑定的表单元素id，你上面那个input元素的id不就是checkbox吗

https://www.runoob.com/tags/att-label-for.html