16

Input fields are usually associated to forms, but I would like to use them in a simple Javascript/HTML page. I don't need the form. I see no issue with my HTML page, but is there any danger or bad practice I am not aware of? I just don't want my page to bug down the road.

(Basically, a field in my page can be Javascript enabled or disabled according to values in other fields)

Jérôme Verstrynge
  • 57,710
  • 92
  • 283
  • 453

3 Answers3

13

The only real problem is if you want your page to function for users who have JavaScript disabled - if the inputs are actually for user input then placing them outside a form means that you'd need to use JavaScript (presumably with Ajax) to do anything with the values, whereas form fields can be submitted without JavaScript. If your page isn't intended to be submitted to the server anyway then you're dependent on JavaScript for interaction. If you've taken that into account and it doesn't matter for your scenario then go ahead.

P.S. I should've mentioned that as far as HTML standards go it is perfectly valid to have input elements that aren't in forms.

Jérôme Verstrynge
  • 57,710
  • 92
  • 283
  • 453
nnnnnn
  • 147,572
  • 30
  • 200
  • 241
  • 2
    JS is no longer required to have form elements outside of the form block, at least with HTML 5.
    – BA TabNabber Aug 22 '14 at 17:00
  • @BATabNabber - That's true, though that's not inconsistent with my central point that one does need a form to submit values without JS. – nnnnnn Mar 12 '17 at 07:19
10

You should be fine AFAIK. It's ok in the HTML 4.01 standards anyway

http://www.w3.org/TR/html401/interact/forms.html#form-controls

The elements used to create controls generally appear inside a FORM element, but may also appear outside of a FORM element declaration when they are used to build user interfaces. This is discussed in the section on intrinsic events. Note that controls outside a form cannot be successful controls.

Ted
  • 2,525
  • 2
  • 37
  • 54
  • 9
    To point out the relevant part @Ted speaks about: "The elements used to create controls generally appear inside a FORM element, but may also appear outside of a FORM element declaration when they are used to build user interfaces." – Amadan Dec 19 '11 at 23:03
3

You can use an HTML validator (here, or on many other sites) to check this sort of thing. If it shows up legal, which I think it should in this case, as Ted pointed out, then you are probably good.

jtpereyda
  • 6,987
  • 10
  • 51
  • 80