|
|
The HTML
onsubmit
event attribute is an event handler that is triggered when an HTML form is submitted. This event fires on the
<form>
element itself, not on the submit button or input that initiates the submission. |
Example of HTML onsubmit Event Attribute
It will Execute a JavaScript when a form is submitted.
index.html
Example:
HTML
<form onsubmit="myFunction()"> Enter name: <input type="text"> <input type="submit">
</form>
Output should be:
Definition and Usage of HTML onsubmit Event Attribute
The onsubmit attribute fires when a form is submitted.
Browser Support of HTML onsubmit Event Attribute
Syntax of HTML onsubmit Event Attribute
<form onsubmit=" script ">
Attribute Values of HTML onsubmit Event Attribute
| Value | Description |
|---|---|
| script | The script to be run on onsubmit |
Technical Details of HTML onsubmit Event Attribute
| Supported HTML tags: | <form> |
|---|
How to Execute a JavaScript when a form is submitted
When you submit the form, a function is triggered which alerts some text.
index.html
Example:
HTML
<!DOCTYPE html>
<html>
<body>
<p>When you submit the form, a function is triggered which alerts some text.</p>
<form action="/action_page.php" onsubmit="myFunction()"> Enter name: <input type="text" name="fname"> <input type="submit" value="Submit">
</form>
<script>
function myFunction() { alert("The form was submitted");
}
</script>
</body>
</html>
Output should be:
| html event attributes |
| List of Form Events Attribute | HTML Form Events Attribute |
| HTML onblur Event Attribute | HTML Form Events Attribute |
| HTML onchange Event Attribute | HTML Form Events Attribute |
| HTML oncontextmenu Event Attribute | HTML Form Events Attribute |
| HTML onfocus Event Attribute | HTML Form Events Attribute |
| HTML oninput Event Attribute | HTML Form Events Attribute |
| HTML oninvalid Event Attribute | HTML Form Events Attribute |
| HTML onreset Event Attribute | HTML Form Events Attribute |
| HTML onsearch Event Attribute | HTML Form Events Attribute |
| HTML onselect Event Attribute | HTML Form Events Attribute |
| HTML onsubmit Event Attribute | HTML Form Events Attribute |
| Example of HTML onsubmit Event Attribute | HTML Form Events Attribute |
| Definition and Usage of HTML onsubmit Event Attribute | HTML Form Events Attribute |
| Browser Support of HTML onsubmit Event Attribute | HTML Form Events Attribute |
| Syntax of HTML onsubmit Event Attribute | HTML Form Events Attribute |
| Attribute Values of HTML onsubmit Event Attribute | HTML Form Events Attribute |
| Technical Details of HTML onsubmit Event Attribute | HTML Form Events Attribute |
| How to Execute a JavaScript when a form is submitted | HTML Form Events Attribute |
|
Type
: |
Develop |
|
Category
: |
Web Tutorial |
|
Sub Category
: |
HTML Form Events Attribute |
|
Uploaded by
: |
Admin |
Read Article https://horje.com/learn/1434/reference