有一个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说它是一个未知属性。
现在,错误是:
表单标签必须与控件关联
有什么建议吗?
将输入放在标签内。
若要隐式地将标签与另一个控件关联,控件元素必须在标签元素的内容之内。
资料来源:w3.org,HTML文档中的表单-17.9标签