HTML <input> form 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 <input> form 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 | 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> 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.

How to use the required attribute in HTML ?

HTML introduced many features for the enhancement of forms. Before the required attribute was introduced, we use JavaScript code to mandatory a specific input field must be filled out before submitting the form. Now, this process is easy just by using the required attribute. This attribute is used t

HTML | <input> formenctype Attribute

The HTML <input> formenctype Attribute is used to specify how to form-data encoded when submitting the form into the server. This attribute works with method="post". This attribute overrides the enctype attribute of the <form> element. Syntax: <input formenctype="value"> Attribute