HTML formaction Attribute

How to use formaction attribute in HTML ?

Last Updated : 23 Jul, 2024

In this article, we will learn how to use the formaction attribute in HTML. Basically, the information attribute is used to define where to send the data of the form after submitting the form the working of formaction will begin. It overrides the feature of the action attribute of the <form> element.

Why do we use formaction Attribute?

Let’s suppose, we have two submit buttons in one form and both the buttons work separately and redirect to another URL of the page. Both buttons send data to different pages.

Values: It contains the physical address of the location of the file where to send the form data.

Two possible values are –

absolute URL: It points to the full address of a page. For example “www.geeksforgeeks.org/data-structure”
relative URL: It is used to point to a file within a webpage. For example gfg.php

Example: In this example, we will use the formaction attribute in HTML

HTML

<!DOCTYPE html>
<html>
  
<head>
    <title>
        How to use formAction Attribute in HTML ?
    </title>
</head>
  
<body style="text-align:center;">
    <h1>
        GeeksForGeeks
    </h1>
    <h2>
        How to use formAction Attribute in HTML?
    </h2>
    <form method="get" target="_self">
        Username:<input type="email" name="ename"><br><br>
        Password <input type="password" name="passwrd"><br>
        <input type="submit" 
               value="submit for Java User"
               formaction=
"https://www.geeksforgeeks.org/courses/java-backend-live">

        <input type="submit" 
               value="submit for python User"
               formaction=
"https://www.geeksforgeeks.org/python-programming-language/">
    </form>
</body>

</html>

Output:

After Click on the Submit for Java user Button:

After Click on the Submit for Python user Button:

HTML formaction Attribute

M

manaschhabra2

Improve

Article Tags :

Similar Reads

HTML | <input> formaction Attribute

The HTML <input> formaction Attribute is used to specify where to send the data of the form. After submission of the form the formaction attribute called. The form data is to be sent to the server after submission of the form. It overrides the feature of the action attribute of an <form>

HTML formaction Attribute

The HTML formaction Attribute determines the submission destination of form data, overriding the form's default action. It's exclusively applied to input/buttons with type="submit". Syntax< element formaction="URL">Supported Tags<button><input type="image"> or <input type = "sub

HTML | input formmethod Attribute

The HTML <input> formmethod Attribute is used to specify the HTTP method for sending form-data to the action URL. This attribute is used to override the method attribute of the <form> element. Syntax: <input formmethod="get | post"> Attribute Values: get: It has a default value. In

HTML | <button> formaction Attribute

The HTML <button> formaction Attribute is used to specify where to send the data of the form. After submission of form the formaction attribute called. The form data is to be sent to the server after submission of form. It overrides the feature of the action attribute of an <form> elemen

HTML <input> form Attribute

The HTML <input> form Attribute is used to specify interactive input fields for web-based forms. A form can contain multiple input fields to accept inputs from the users. It is the most powerful element in HTML. Syntax: <input form="form_id"> Attribute Value: This attribute contains a si

HTML | <input> formtarget Attribute

The HTML <input> formtarget attribute is used to specify the name or a keyword which indicates where to display the response after submitting the form. This attribute overrides the target attribute of <form> element. Syntax: <input formtarget="_blank|_self|_parent|_top|framename">

How to use placeholder attribute in HTML ?

We know that the placeholder attribute is used to define a hint of what value has to be entered on the input and textarea field. This attribute is used for a better understanding of form structure. It contains a string value that represents the short hint that describes the expected value of an inpu

HTML <form> rel Attribute

The HTML <form> rel attribute is used to define the relationship between the current document and the linked document. The "rel" stands for relationship. It denotes that, we connect an external CSS with the HTML page. Syntax: <form rel="value"> Attribute values: external: It specifies th

HTML | <form> name Attribute

The HTML <form> name Attribute is used to specify the name of a form Element. It is used to reference the form-data after submitting the form or to reference the element in a JavaScript. Syntax: <form name="name"> Attribute Values: It contains a single value name which describes the name

HTML <select> form Attribute

The form attribute in HTML <select> specifies the dropdown list's associated form, identified by the id attribute of a <form> element. Syntax: <select form="form_id">Attribute Values: Name Description value <option> value is sent on form submission, text displays in dropdown.