How to use the action attribute of form tag? Introduction to the usage of the action attribute of the form tag (with examples)

This article mainly introduces the usage and examples of the action attribute of the form tag in HTML, as well as the definition and syntax of the action attribute of the form tag. Finally, Xu also explains the role of the action attribute of the form tag. . Now let's take a look together

Let's first introduce the meaning of the action attribute of the form tag in HTML:

The action attribute specifies where to go when submitting the form. Send form data. (It is a required attribute)

Introduction to attribute values: (Look at the picture)

You are familiar with the meaning and syntax of the action attribute, now let Let's take a look at an example:

The following form has two input fields and a submit button. When the form is submitted, the form data will be submitted to the page named "form_action.asp":

<form action="form_action.asp" method="get">
  <p>这里输名字: <input type="text" name="fname" /></p>
  <p>接着输名字: <input type="text" name="lname" /></p>
  <input type="submit" value="Submit" />
</form>

Rendering: (Look at the picture again)

The action attribute (Action) and confirmation button of the form

When the user clicks the confirm button, the content of the form will be transferred to another file. The form's action attribute defines the file name of the destination file. The file defined by the action attribute usually performs related processing on the input data received.

<form name="input" 
action="html_form_action.asp" method="get">
用户名: 
<input type="text" name="user" />
<input type="submit" value="点这里提交" />
</form>

The browser displays the effect as shown

If you type a few letters in the text box above and then click the confirm button, the input data will The page sent to "html_form_action.asp". This page will display the entered results.

Explanation of the action attribute of the form tag:

1.action="" and action="#", without the action attribute, have the same effect, both are submitted to the current page (that is, document.location.href)

2.action="currentPage.xxx": If currentPage.xxx represents the current page, submit it to the current page, and colleagues will jump to the current page. Of course, you will not be able to see the url. Change; if currentPage.xxx is a non-current page, it will be submitted to the non-current page and also jump to the non-current page

3. When the form is submitted to itself, action="" and action="currentPage.xxx" Difference:

Usually in order to save trouble, we usually set the action attribute of the form to action=""/action="#", or not write it at all, but this will cause a problem, that is, actually set the action to When action="", the page actually submitted when the form is submitted is action="currentPage.xxx?arguments=values&….", that is, if the current page has parameters, the parameters will also be submitted, and the priority of the parameters will be Parameters submitted by the

control, that is, if the arguments in action="currentPage.xxx?arguments=values&…." have the same name as the

element, action="currentPage.xxx" will be used to obtain the value. ?arguments=values&….” The value will overwrite the value of

and obtain incorrect values ​​from the page.

Example: The SpecTop.asp page is the page where the form is to be submitted, and there is a page from the upper-level page Pass parameter

action="" The page when actually submitted: SpecTop.asp?ClassID=000100200005&SpeID=947&SpeType=3

If there is ” name=”SpeID” value=”1000”/>, the value obtained when submitting will be 947, not 1000, and action=”currentPage.xxx” can get 1000

【Editor Recommended】

How to write a relative path for the base tag in HTML? (Introduction to use included)

#What is the role of the HTML meta tag? Introduction to how to use html meta tag

The above is the detailed content of How to use the action attribute of form tag? Introduction to the usage of the action attribute of the form tag (with examples). For more information, please follow other related articles on the PHP Chinese website!