HTML DOM onabort Event

HTML DOM onsubmit Event

Last Updated : 05 Dec, 2022

The onsubmit event in HTML DOM occurs after the submission of a form. The form tag supports this event.

Syntax:

In HTML:

<element onsubmit="Script">

In JavaScript:

object.onsubmit = function(){myScript};

In JavaScript, using the addEventListener() method:

object.addEventListener("submit", myScript);

Example: In this example, we will see the onsubmit event using Javascript.

html

<center> 
    <h1 style="color:green">GeeksforGeeks</h1> 
    <h2>HTML DOM onsubmit Event</h2> 
    <form id="formID" action="#"> 
        Enter name: 
        <input type="text" name="fname"> 
        <input type="submit" value="Submit"> 
    </form> 
</center> 
  
<script> 
    document.getElementById("formID").onsubmit = 
        function() {GFGfun()}; 
      
    function GFGfun() { 
        alert("form submitted"); 
    } 
</script>

Output:

Example: In this example, we will see the onsubmit event using the addEventListener() method in Javascript.

html

<center> 
    <h1 style="color:green">GeeksforGeeks</h1> 
    <h2>HTML DOM onsubmit Event</h2> 
    <form id="formID" action="#"> 
        Enter name: 
        <input type="text" name="fname"> 
        <input type="submit" value="Submit"> 
    </form> 
</center> 
  
<script> 
    document.getElementById( 
      "formID").addEventListener("submit", GFGfun); 
      
    function GFGfun() { 
        alert("form submitted"); 
    } 
</script>

Output:

We have a complete list of HTML DOM methods, to check those please go through this HTML DOM Object Complete reference article.

Supported HTML Tags: HTML <form> tag

Supported Browsers: The browsers supported by HTML DOM onsubmit Event are listed below:

Google Chrome
Internet Explorer
Firefox
Apple Safari
Opera

We have a Cheat Sheet on Javascript where we covered all the important topics of Javascript to check those please go through Javascript Cheat Sheet-A Basic guide to JavaScript.

HTML DOM onabort Event

V

Vijay Sirra

Improve

Article Tags :

Similar Reads

HTML DOM oncut Event

The HTML DOM oncut Event occurs when the content of an element is cut by the user. The oncut event is mostly used on elements with type="text". Supported Tags It supports all HTML elements. Syntax: In HTML: <element oncut="myScript"> In JavaScript: object.oncut = function(){myScript}; In JavaS

HTML DOM onreset Event

The onreset event in HTML DOM occurs when a form is reset. Only the <form> tag is supported in this event. Supported Tags <form> Syntax: In HTML: <element onreset="myScript">In JavaScript: object.onreset = function(){myScript};In JavaScript, using the addEventListener() method: obj

HTML DOM onpaste Event

The HTML DOM onpaste event occurs when some content is pasted in an element. this event works on every element like in <p> element if contenteditable set is true then we can paste content in <p> element. The HTML DOM onpaste event is mostly used in input element type="text". Supported Ta

HTML DOM onabort Event

The DOM onabort event occurs in the abortion of an audio/video loading.Â This event occurs when the downloading of media data is aborted without any error. Events that occur when some disruption comes in the media loading process are:Â onemptiedonerroronstalledonsuspend Supported TagsÂ <audio>

HTML DOM onselect Event

The HTML DOM onselect event occurs when a user selects text within an element, like input fields or textareas. It allows developers to execute JavaScript code in response to text selection actions. Syntax: In HTML<element onselect="Script">In JavaScriptobject.onselect = function(){Script};In J

HTML DOM onfocusout Event

The HTML DOM onfocusout event occurs when an element is losing focus. The onfocusout is the same as onblur, the only difference is that the onblur event does not bubble. If you want to determine whether an element or its child loses focus, use the onfocusout event. The onfocusin event is the opposit

HTML DOM onblur Event

The HTML DOM onblur event occurs when an object loses focus. The onblur event is the opposite of the onfocus event. The onblur event is mostly used with form validation code (e.g. when the user leaves a form field). In HTML: <element onblur="myScript">[GFGTABS] html <!DOCTYPE html> <h

HTML | DOM onshow Event

The onshow event occurs when a user right click on en element and <menu> element is shown as a context menu. Supported Tags <menu> Syntax: In HTML: <element onshow="Script">In JavaScript: object.onshow = function(){Script};In JavaScript, using the addEventListener() method: object.

HTML DOM onmouseup Event

The HTML DOM onmouseup event occurs on the release of a pressed button on a mouse over an element. Related events for left-click: onmousedownonmouseuponclick Related events for right-click: onmousedownonmouseuponcontextmenu Supported Tags: It supports All HTML elements, EXCEPT: <base><bdo

HTML DOM onfocusin Event

The HTML DOM onfocusin event occurs when an element is getting focused. The onfocusin is the same as onfocus, the only difference is that onfocus event does not bubble. If you want to find out whether an element or its child gets the focus, you should use the onfocusin event. The onfocusin event is

翻译：