首页  >  文章  >  后端开发  >  html表单与php怎么连接

html表单与php怎么连接

爱喝马黛茶的安东尼
爱喝马黛茶的安东尼原创
2019-10-21 13:45:216934浏览

html表单与php怎么连接

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当中修改脚本如下:

<?php
echo "用户名:".$_GET[&#39;name&#39;]."<br>密码:".$_GET[&#39;password&#39;];

这里的代码是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中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn