I have a webpage with a form arranged in a "Z" pattern, consisting of input fields. Additionally, I need to incorporate three radio button choices into the layout. Given that I've organized the form using two columns, I'm curious if there are recommended guidelines for positioning these three radio buttons. It's worth noting that these radio buttons are not contingent on any specific factors. To provide a visual representation of my current setup, please refer to the image below.
The way you have it is the correct way. Whether the
input text fields are in the same group or not, the arrangement will still be the same, barring some spacing or a separator line if the text fields were part of a
Anyway, as long as the options are easily perceived as part of the same group, this is OK.
There's just one caveat: if these options are dependent on each other (for example, let's say you have to choose a lodge and the options are specific to that lodge and you need all options to be chosen), it's recommended to visually group them in some way. Usually, a border is enough.