提问者:小点点

标签必须具有关联控件


有一个div,里面有一些元素,我想给它添加一个标签。

这是原文:

<div className="upload-image">                   
  <input
    name="image"
    id="image-input"
    accept="image/*"
    onChange={this.doSomething}
    multiple
    type="file"
    className="myClass"
  />
  <span className="upload-image-label">
    <Icon name="image outline" />
    drop the image here
  </span>
</div>

添加标签后:

<div className="upload-image">
    <label htmlFor="image-input">Add image</label> //this line is added
        <input
           name="image"
           id="image-input"
           accept="image/*"
           onChange={this.doSomething}
           multiple
           type="file"
           className="myClass"
         />
        <span className="upload-image-label">
            <Icon name="image outline" />
             drop the image here
       </span>
</div>

最初它是for而不是htmlfor,但是React说它是一个未知属性。

现在,错误是:

表单标签必须与控件关联

有什么建议吗?


共1个答案

匿名用户

将输入放在标签内。

若要隐式地将标签与另一个控件关联,控件元素必须在标签元素的内容之内。

资料来源:w3.org,HTML文档中的表单-17.9标签