1、打开IDEA，新建一个HTML 文件：
我将它命名为index01
我们修改表单的标题：
立即学习“PHP免费学习笔记（深入）”；
2、接下来，创建一个表单：
首先是显示用户名和密码，分别为其指定name（后面会用到）
在这里，我们在创建表单时，指定了两个属性：
action:表示表单提交的服务器地址；
method:表示提交的方式，有两种，分别为get和post（在下面做详细介绍）；
3、接下来，我们插入一个提交的按钮，并进行提交操作：
相关推荐：《php入门教程》
代码如下：
<!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>如上图，点击 确认 按钮后，地址栏中取到了name和password的值为空（这个name和password是在插入标签时，指定的name属性）；
这样的话，我们的一个表单就创建成功了，只不过还没有与服务器进行交互。
4、接下来我们要与服务器进行交互，创建一个服务器；
打开eclipse，以我们前面使用的 Service.php为例，
运行结果为在网页输出 hello world
如上图，我们需要把运行结果中的地址，拷贝到IDEA中的HTML文件中创建表单时的action属性中，表示通过这个地址来访问服务器。
再次运行HTML文件，并点击 确认按钮：
运行结果则跳转到了PHP的运行环境当中，并返回PHP的运行结果，这样就初步完成了PHP与HTML的交互。
那么接下来我们对PHP环境中的脚本进行一下整理：
在eclipse当中修改脚本如下：
<?php echo "用户名:".$_GET['name']."<br>密码:".$_GET['password'];
这里的代码是PHP当中的语法，其中：
. 表示字符串的连接；
$_get[‘name’]:这里使用的get方法，是因为在HTML中，我们在创建表单时，使用的是get方式；这里的name和password是与HTML中对应的name属性的值一致的。
更改完成以后，我们再次运行HTML，并输入用户名和密码，如下：
点击 确认 按钮进行提交，结果如下：
可以看到，在运行时，出现了乱码的情况，是因为字符集使用的问题，需要调整一下：
进入到eclipse当中，如下：
将字符集设置为utf-8
再次运行HTML文件，得到如下结果：
我们可以看到一个细节，在输入了用户名和密码，点击了 确认按钮进行提交操作以后，在地址栏中，出现了我们所输入的用户名和密码的信息，如下：
这就会对用户的个人信息案例造成威胁。那么我们试着把提交方式改一下，前面我们使用的是get，我们现在改为post。
首先在HTML当中修改提交方式为post：
然后修改eclipse中PHP脚本语言中的取值方式同样也为post：
我们再次运行：
这里我们看到，地址栏中没有再出现，用户名和密码的信息了。这就是两种提交方式的区别，在实际的应用过程中要加以区分。
post相对于get要安全很多。而且地址的长度不能太长，所以get长度会有限制，而post没有。post方式不能做资源定位，而get方式可以做资源定位。
