Where are <label> elements for form fields?

Just started using bubble…very impressive thus far, but I’m having trouble with html forms.

It looks like the built in idea is to use placeholder text for elements though, which don’t work well for me. That’s confusing to end users, as placeholder text disappears once they click in the field, and they tend to forget what the placeholder text was…“was I supposed to put company name here, or address-1?”

I’d rather use the traditional elements, with the correct relationship, like:

<label for="username">User Name</label>
<input type="text" id="username"> 

But I don’t see a item in the pick list, or any other way to support this. It appears I can do this manually with the raw html element, but that seems cumbersome. Is there some way to get bubble to understand how to associate labels and fields? Maybe I’m just missing something that’s already there?

You can simply place a text element before/above your input element and group them to keep them together. Again, somewhat manual, but other than placeholders, I think it’s the only way to go.

Thanks…I was mostly asking to make sure I wasn’t missing something obvious.

It would be a nice feature to support paired labels and inputs via the for=“input-element” setup. Aside from the UI part, it’s also helpful for screenreaders and accessibility.

4 Likes

What about this in 2020? @Bubble