Should 'form' be used here, or is it not necessary?

JavaScript
1

Should form be used in this code, or no?

I don’t think it would be used here because I’m not submitting anything.
All I’m doing is capturing individual user inputs. And inputs can be used without forms.

Form Added
https://jsfiddle.net/t6nsygvd/6/

<div class="info">
  <form>
    <label for="input">Stream</label>
    <input id="input" type="text" name="someNameHere" value="http://hi5.1980s.fm/;" />
    <input id="sent" type="submit" value="Set" />
  </form>
</div>

  sent.addEventListener("click", function(evt) {
    player.src = value.value;
    player.volume = 1.0;
    // Prevent default form handling (which would reload the page, in this case)
    evt.preventDefault();
  });
}());

Form Removed:
https://jsfiddle.net/t6nsygvd/7/

<div class="info">
    <label for="input">Stream</label>
    <input id="input" type="text" name="someNameHere" value="http://hi5.1980s.fm/;" />
    <input id="sent" type="submit" value="Set" />
</div>

  sent.addEventListener("click", function(evt) {
    player.src = value.value;
    player.volume = 1.0;
  });
2

Putting inputs in a form is just best practise, it’s semantically correct. Even though they can be used outside of the form element, I would prefer to keep them as childs to a form.

3

I was told this:

<form> should be used when you want to submit an entire set of data somehow to the server. The advantages of using form is that you have access to the form API (such as the submit event), and that you can perform serialization of all user inputs in the element. However, in this case, you are simply capturing individual user inputs, so there isn’t a need to use it.

But in order for ‘form’ to be used here, this would need to be added to the javascript.

// Prevent default form handling (which would reload the page, in this case)

    evt.preventDefault();
  });