Form Handling Archives - scmGalaxy https://www.scmgalaxy.com/tutorials/tag/form-handling/ A Platform for Software Engineers Wed, 13 Apr 2022 16:30:45 +0000 en-US hourly 1 https://wordpress.org/?v=7.1 How to use Form Handling in javascript https://www.scmgalaxy.com/tutorials/how-to-use-form-handling-in-javascript/ https://www.scmgalaxy.com/tutorials/how-to-use-form-handling-in-javascript/#respond Fri, 13 Aug 2021 12:08:53 +0000 https://www.scmgalaxy.com/tutorials/?p=7922 Form Handling JavaScript provides access to the forms within an HTML document through the Form object known as HTMLFormElement in […]

The post How to use Form Handling in javascript appeared first on scmGalaxy.

]]> Form Handling

JavaScript provides access to the forms within an HTML document through the Form object known as HTMLFormElement in the DOM. Which is a child of the Document Object.

Properties

PropertiesValueDescription
accept-charsetUTF-8Specifies the charset used in the submitted form (default: the page charset).
actionURLContains a URL that defines where to send the data after submitting the form
autocompleteOn (default)
Off		Determines that the browser retains the history of previous values.
enctypespecifies how the browser encodes the data before it sends it to the server. (default: is url-encoded).
encodingHolds the value of the enctype attribute, which usually contains either application/x-www-form-urlencoded value or the multipart/form-data value (in the case of file upload)
elements[ ]An array of DOM elements that correspond to the interactive form fields within the form

Properties

PropertiesValueDescription
lengthThe number of a form field with a given form tag. Should bt the same as elements.length
methodGET (default)
POST		Specifies how to send the form data to a web server. The data can be sent as URL variables, by using the get method or as HTTP post, by using the post method
namenameSpecifies a name used to identify the form
novalidatenovalidateSpecifies that the browser should not validate the form.
target_self (default)
_blank
_parent
_top
framename		Specifies the target of the address in the action attribute

Methods

MethodDescription
checkValidity ( )Returns a true or false value indicating whether or not all the fields in the form are in a valid state.
reset ( )Returns all form fields to their initial state.
submit ( )Submits the form to the URL specified in the form’s action attribute

Events: –

  • onreset
  • onsubmit

The post How to use Form Handling in javascript appeared first on scmGalaxy.

]]> https://www.scmgalaxy.com/tutorials/how-to-use-form-handling-in-javascript/feed/ 0