HTML form needs double click to focus on field

Question

For some reason one of my forms (I have 2 forms in the same page) is not working properly because I need to double click on each form field in order to be able to enter data.

Any ideas why this may be happening?

Answer 1

For starters, try disabling javascript in your browser to make sure you don't have something causing this behavior.

Answer 2

Is the issue happening in every browser?

The first thing I'd check is which browsers it's happening in.

Then, make sure your code validates.

Then, strip out each form element, one by one, to see if that isolates where the problem's happening. That will make a big difference if you can work out where the issue is happening.