HTMLFormElement : HTMLElement

Forms contain HTMLInputElements and send the user input to the server. See also FormData.

Instance Indexers

this[index : Number] : Element

Returns the input element at index in the form.

Example:

<form id='form'>
  <input name='text' value='foo'>
  <label> <input type='radio' name='letters'>A</label>
  <label> <input type='radio' name='letters' checked>B</label>
  <label> <input type='radio' name='letters'>C</label>
</form>
<script>
  var form = document.getElementById('form');

  var text = form[0];
  console.log(text.value);

  var b = form[2];
  console.log(b.checked);
</script>

Run

Results:

this[name : String] : Object

Returns the element in the form with the specified name. The returned value will be of the type HTMLInputElement, HTMLImageElement, or NodeList. NodeList is returned if name used on radio input elements.

Example:

<form id='form'>
  <input name='text' value='foo'>
  <label> <input type='radio' name='letters'>A</label>
  <label> <input type='radio' name='letters'>B</label>
  <label> <input type='radio' name='letters'>C</label>
</form>
<script>
  var form = document.getElementById('form');

  var text = form['text'];
  console.log(text.value);

  var nodeList = form['letters'];
  console.log(nodeList.length);
</script>

Run

Results:

Instance Properties

acceptCharset : String

action : String

autocomplete : String

elements : HTMLFormControlsCollection readonly

encoding : String

enctype : String

length : Number readonly

method : String

name : String

noValidate : Boolean

target : String

Instance Methods

checkValidity() : Boolean

reset() : undefined

submit() : undefined

Instance Events

onsubmit / 'submit' event

listener() : Boolean

Called before the form is submitted to the server. Return false to stop the form from being submitted.

home license contribute feedback toggle light/dark mode