How to connect html form to php
1. Open IDEA and create a new HTML file:
I named it index01
us Modify the title of the form:
2. Next, create a form:
First, display the user name and password, and specify names for them respectively (will be discussed later) Used)
#Here, when we created the form, we specified two attributes:
action: indicates the server address for form submission;
method: There are two ways to express submission, namely get and post (detailed introduction below);
3. Next, we insert a submit button and perform the submit operation. :
Related recommendations: "php Getting Started Tutorial"
The code is as follows:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>表单与PHP的交互</title> </head> <body> <form action="" method="get"> 用户名:<input type="text" name="name"> 密 码:<input type="password" name="password"> <br/> <input type="submit" value="确认"> </form> </body> </html>
As shown above, click After confirming the button, the name and password values obtained in the address bar are empty (the name and password are the name attributes specified when inserting the tag);
In this case, one of our forms has been successfully created. , but it hasn't interacted with the server yet.
4. Next we need to interact with the server and create a server;
Open eclipse, taking the Service.php we used earlier as an example,
The running result is hello world output on the web page
As shown above, we need to copy the address in the running result to the HTML file in IDEA to create In the action attribute of the form, it indicates that the server is accessed through this address.
Run the HTML file again and click the confirmation button:
The running result will jump to the PHP running environment and returns the PHP running results, thus completing the initial interaction between PHP and HTML.
Then let’s sort out the scripts in the PHP environment:
Modify the script in eclipse as follows:
<?php echo "用户名:".$_GET['name']."<br>密码:".$_GET['password'];
The code here is the syntax in PHP, where :
. Represents the connection of strings;
$_get['name']: The get method used here is because in HTML, when we create a form, we use get method; the name and password here are consistent with the values of the corresponding name attributes in HTML.
After the changes are completed, we run the HTML again and enter the username and password, as follows:
Click the confirmation button to submit, the results are as follows:
You can see that during runtime, garbled characters appear. This is because of the problem of character set usage. It needs to be adjusted:
Enter eclipse, as follows :
Set the character set to utf-8
Run the HTML file again and get the following results:
We can see a detail. After entering the username and password and clicking the confirmation button to submit the operation, the username and password we entered appear in the address bar. The information is as follows:
This will pose a threat to the user's personal information. Then let's try to change the submission method. Previously we used get, but now we change it to post.
First change the submission method in HTML to post:
Then modify the value method in the PHP script language in eclipse to post:
We run again:
Here we see that the username and password information no longer appears in the address bar. . This is the difference between the two submission methods, which should be distinguished in the actual application process.
Post is much safer than get. Moreover, the length of the address cannot be too long, so there is a limit to the length of get, but not to post. The post method cannot do resource location, but the get method can do resource location.
The above is the detailed content of How to connect html form to php. For more information, please follow other related articles on the PHP Chinese website!

Hot AI Tools

Undresser.AI Undress
AI-powered app for creating realistic nude photos

AI Clothes Remover
Online AI tool for removing clothes from photos.

Undress AI Tool
Undress images for free

Clothoff.io
AI clothes remover

AI Hentai Generator
Generate AI Hentai for free.

Hot Article

Hot Tools

Notepad++7.3.1
Easy-to-use and free code editor

SublimeText3 Chinese version
Chinese version, very easy to use

Zend Studio 13.0.1
Powerful PHP integrated development environment

Dreamweaver CS6
Visual web development tools

SublimeText3 Mac version
God-level code editing software (SublimeText3)

Hot Topics



PHP 8.4 brings several new features, security improvements, and performance improvements with healthy amounts of feature deprecations and removals. This guide explains how to install PHP 8.4 or upgrade to PHP 8.4 on Ubuntu, Debian, or their derivati

To work with date and time in cakephp4, we are going to make use of the available FrozenTime class.

CakePHP is an open-source framework for PHP. It is intended to make developing, deploying and maintaining applications much easier. CakePHP is based on a MVC-like architecture that is both powerful and easy to grasp. Models, Views, and Controllers gu

To work on file upload we are going to use the form helper. Here, is an example for file upload.

Validator can be created by adding the following two lines in the controller.

Visual Studio Code, also known as VS Code, is a free source code editor — or integrated development environment (IDE) — available for all major operating systems. With a large collection of extensions for many programming languages, VS Code can be c

CakePHP is an open source MVC framework. It makes developing, deploying and maintaining applications much easier. CakePHP has a number of libraries to reduce the overload of most common tasks.

This tutorial demonstrates how to efficiently process XML documents using PHP. XML (eXtensible Markup Language) is a versatile text-based markup language designed for both human readability and machine parsing. It's commonly used for data storage an
