html表单与php怎么连接

php  /  管理员 发布于 7年前   376

1、打开IDEA，新建一个HTML 文件：

a944489e6d384a8bde1558ffdbacb4a.png

我将它命名为index01

我们修改表单的标题：

8fc1e114041f790438cb231007572c3.png

2、接下来，创建一个表单：

首先是显示用户名和密码，分别为其指定name（后面会用到）

1571635691284417.png

在这里，我们在创建表单时，指定了两个属性：

action:表示表单提交的服务器地址；

method:表示提交的方式，有两种，分别为get和post（在下面做详细介绍）；

3、接下来，我们插入一个提交的按钮，并进行提交操作：

c5f8550c0db1db5aabd66dc83f22740.png

相关推荐：《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为例，

1ce6ca224a5d44423f78876fdd25d53.png

运行结果为在网页输出 hello world

2a89bfc80fb48b08d0bc1eb2565ad37.png

如上图，我们需要把运行结果中的地址，拷贝到IDEA中的HTML文件中创建表单时的action属性中，表示通过这个地址来访问服务器。

44be5398451ddde7b61367860082693.png

再次运行HTML文件，并点击 确认按钮：

3239ce940e5635a53fd8c20619fddb0.png

运行结果则跳转到了PHP的运行环境当中，并返回PHP的运行结果，这样就初步完成了PHP与HTML的交互。

那么接下来我们对PHP环境中的脚本进行一下整理：

在eclipse当中修改脚本如下：

<?phpecho "用户名:".$_GET['name']."<br>密码:".$_GET['password'];

这里的代码是PHP当中的语法，其中：

. 表示字符串的连接；

$_get[‘name’]:这里使用的get方法，是因为在HTML中，我们在创建表单时，使用的是get方式；这里的name和password是与HTML中对应的name属性的值一致的。

更改完成以后，我们再次运行HTML，并输入用户名和密码，如下：

02a0d4186acea4fcd88d5f469554fbd.png

点击 确认 按钮进行提交，结果如下：

c13c6980e3b0360580214ca0f6a8bbb.png

可以看到，在运行时，出现了乱码的情况，是因为字符集使用的问题，需要调整一下：

进入到eclipse当中，如下：

a9be572e8f99a203b9a238682bf2907.png

将字符集设置为utf-8

9786700575b7c4b30cd865d2f6f3a73.png

再次运行HTML文件，得到如下结果：

a4548cd015bfe24013aa86ee0d027b8.png

我们可以看到一个细节，在输入了用户名和密码，点击了 确认按钮进行提交操作以后，在地址栏中，出现了我们所输入的用户名和密码的信息，如下：

06c2d54b6ed7f4053ebc97bcc799751.png

这就会对用户的个人信息案例造成威胁。那么我们试着把提交方式改一下，前面我们使用的是get，我们现在改为post。

首先在HTML当中修改提交方式为post：

5071ed973984f1dadf9bd10f199073f.png

然后修改eclipse中PHP脚本语言中的取值方式同样也为post：

9edf2cb540345bd6ceea5a53b24a941.png

我们再次运行：

4c7489f8808b35366e4e906296a8cbd.png

这里我们看到，地址栏中没有再出现，用户名和密码的信息了。这就是两种提交方式的区别，在实际的应用过程中要加以区分。

post相对于get要安全很多。而且地址的长度不能太长，所以get长度会有限制，而post没有。post方式不能做资源定位，而get方式可以做资源定位。

以上就是html表单与php怎么连接的详细内容，更多请关注其它相关文章！


  • 上一条：
    php登录后怎么显示名字
    下一条：
    31了还可以学php吗

    • 昵称：

    邮箱：

    0条评论 (评论内容有缓存机制,请悉知!)
    Top

    Copyright·© 2019 侯体宗版权所有· 粤ICP备20027696号 PHP交流群

    侯体宗的博客