HTML basic tutorial GET method and POST method

GET method and POST method

##GET submission method (Rarely used)

The GET method appends the form data to the handler specified by the action, and then makes a request to the server.

Note: The default method for transmitting data in the address bar is GET.

Let’s transform our first example

<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>用户注册</title>
    </head>
    <body>
        <font size="5" color="red">欢迎注册php.cn</font>
        <form name="user" method="get" action="" >
            用户名：<input type="text" name="username"/>
            <br/>
            密码：<input type="password" name="userpwd"/>
            <br/>
            <input type="submit" value="提交信息"/>
        </form>
    </body>
</html>

When testing locally, fill in the information and click submit, you can observe that the browser address bar changes to

Description of the above URL:

login.php // is the form handler file
username =Xiao Ming&userpwd=123456 //The data submitted by the form is also called the "query string".
The action file and query string are separated by "?"
The "name=value" of each two form elements is separated by "&".
The form name and form value are separated by "=".

Note: If a form element does not want to pass data to the server, then we can not add the name attribute to it. If the data passed to the server does not have a name, its value cannot be obtained.

Characteristics of the GET method:

The GET method cannot submit sensitive data, such as passwords.
The GET method only submits a small amount of data. Because the length of the address bar is limited, about 100 characters.
Attachments cannot be uploaded in GET mode.

##POST form submission method
POST submission method, it does not append the form data to the address, but directly passes it to the form handler.

Features of the POST method:

<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>用户注册</title>
    </head>
    <body>
        <font size="5" color="red">欢迎注册php.cn</font>
        <form name="user" method="post" action="login.php" >
            用户名：<input type="text" name="username"/>
            <br/>
            密码：<input type="password" name="userpwd"/>
            <br/>
            <input type="submit" value="提交信息"/>
        </form>
    </body>
</html>

Note: During local testing, observe the changes in the address bar to see if it is the same as the get submission method

Continuing Learning

||

new file

<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>用户注册</title> </head> <body> <font size="5" color="red">欢迎注册php.cn</font> <form name="user" method="get" action="" > 用户名：<input type="text" name="username"/> <br/> 密码：<input type="password" name="userpwd"/> <br/> <input type="submit" value="提交信息"/> </form> </body> </html>

submit Reset Code
Automatic operation

HTML basic tutorial GET method and POST method

ElementaryImperial CMS enterprise imitation website tutorial

ElementaryNewbies with zero foundation in WordPress build personal blogs and corporate websites

ElementaryUltimate CMS zero-based website building instruction video

ElementaryFront-end project-Shangyou [HTML/CSS/JS technology comprehensive practice]

IntermediateVue3.0 from 0 to build a universal backend management system project practice

ElementaryZero-based front-end course [Vue advanced learning and practical application]

ElementaryWEB front-end tutorial [HTML5+CSS3+JS]

ElementaryQuick introduction to apipost

IntermediateVue3+TypeScript practical tutorial-enterprise-level project practice

ElementaryLet's briefly talk about starting a business in PHP

IntermediateVUE e-commerce project (front-end & back-end dual project actual combat)

ElementaryApipost practical application [api, interface, automated testing, mock]