标签标记的主要目的是提高用户体验。 为用户提高最好的服务。
标签定义input元素的标记(标记)。 【相关推荐： html文档】
label元素不会对用户产生特殊效果。 但是，鼠标用户的体验有所提高。 在label元素中单击文本时将触发此控件。 这意味着，当用户选择选项卡时，浏览器会自动聚焦与选项卡相关的表单控件。
角色：
用于绑定表单元素，然后单击label标记将输入焦点分配给绑定的表单元素。 如果用鼠标单击标签标记中的文本，则指定表单中标记的for属性必须与相关元素的id属性相同。
——W3school说明
经常可以看到表单元素，例如单击图像重新交换图像，或单击下图所示的复选框
之前的做法是，写下input标签，将type设置为file或checkbox，将大小设置为所需的大小，然后将如上图所示的效果或图像放置在input标签下，使input标签正好覆盖图像
最后，因为要将input设置为visibility:hidden，所以此时单击的是图像，但实际上单击的是input框。 这样产生的幻想是点击图片实现上传更新。 (这样的实现是非常愚蠢的OTZ )
然后，我偶然知道了label标记的作用，知道label元素和与id对应的input元素是相互关联的。 也就是说，点击label就等于点击了input，那样就可以了，所以不需要制造幻想
代码可以这样写：
(1)复选框样式：
主要HTML代码：
多选框1
主要CSS代码： input{
显示：无；
}
input:checked~em{
color: #c6636c；
border :1 px固态硬盘# c 6636 c；
}
选择前样式和选择后样式
这样的使用方法很有高级感
)2)上传图像样式：
HTML代码：
单击“上传图像”
CSS代码： input{
显示：无；
}
em{
display :在线区块；
width: 175px；
height: 173px；
ackground:URL(./add.png )；
}
点击下图图像，可以调用file文件实现图像的选择和上传，然后进行其他操作
有关html的详细信息，请参阅前端教程。