Attribute for="" on span?

Design help General
1

Hello everyone,

I have a strange thing. If you look at my video, you’ll see I added a component “checkbox”. with this structure

I have an animal

the value of the id attribute (id=“value”) on the input element must to be the same that the value of the for attribute (for=“value)”. Alright?

But the attribute for=“” is added on span element and not on label element. It’s not compliant by W3C. I can’t add a custom attribute for=“” on label element because Webflow says “This is a reserved name”.

How it’s possible? How to do?

Thank you very much!

Here is my site Read-Only: LINK

Here is my test site : LINK