HTML HTML Forms Choosing Options Radio Buttons

Victor Ibasco
Victor Ibasco
11,035 Points

HTML - Radio Button - Label Proceeds Input - Why

Hi ! I'm going through the HTML Forms Course and I am wondering why the LABEL element proceeds the Input RATHER than precedes.

You see, before this I have seen that the label elements have typically preceded the input as it . . . does any of this matter?

I want to know best practices and any extra information from blogs or just your opinion.

Thanks !

Cheers, Victor

Victor Ibasco
Victor Ibasco
11,035 Points

I am so sorry, let me add to this. The video was playing while I was writing and I had struggled to stay focused on the question ( bug w/ the video that would keep playing when I clicked to ask a question )

I want to add that creating radio or checkbox element the instructor had written the labels PROCEEDING the radio / checkbox inputs.

Before, it was always the labels PRECEDING the inputs of text / email / pass and so fourth. I wanted clarification on why. Hope this helps, thanks so much and sorry for my mistake !

1 Answer

Steven Parker
Steven Parker
167,906 Points

Because there is a creative aspect to form layout, I'm not sure this is a "best practice" issue.

But I think it's common for labels to precede a control unless that control is a checkbox or radio button. This will give the form a familiar look, but other choices might be made for creative purposes.