搜索
首页后端开发PHP问题html表单与php怎么连接

html表单与php怎么连接

Oct 21, 2019 pm 01:45 PM
htmlphp表单连接

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
酸与基本数据库:差异和何时使用。酸与基本数据库:差异和何时使用。Mar 26, 2025 pm 04:19 PM

本文比较了酸和基本数据库模型,详细介绍了它们的特征和适当的用例。酸优先确定数据完整性和一致性,适合财务和电子商务应用程序,而基础则侧重于可用性和

PHP安全文件上传:防止与文件相关的漏洞。PHP安全文件上传:防止与文件相关的漏洞。Mar 26, 2025 pm 04:18 PM

本文讨论了确保PHP文件上传的确保,以防止诸如代码注入之类的漏洞。它专注于文件类型验证,安全存储和错误处理以增强应用程序安全性。

PHP输入验证:最佳实践。PHP输入验证:最佳实践。Mar 26, 2025 pm 04:17 PM

文章讨论了PHP输入验证以增强安全性的最佳实践,重点是使用内置功能,白名单方法和服务器端验证等技术。

PHP API率限制:实施策略。PHP API率限制:实施策略。Mar 26, 2025 pm 04:16 PM

本文讨论了在PHP中实施API速率限制的策略,包括诸如令牌桶和漏水桶等算法,以及使用Symfony/Rate-limimiter之类的库。它还涵盖监视,动态调整速率限制和手

php密码哈希:password_hash和password_verify。php密码哈希:password_hash和password_verify。Mar 26, 2025 pm 04:15 PM

本文讨论了使用password_hash和pyspasswify在PHP中使用密码的好处。主要论点是,这些功能通过自动盐,强大的哈希算法和SECH来增强密码保护

OWASP前10 php:描述并减轻常见漏洞。OWASP前10 php:描述并减轻常见漏洞。Mar 26, 2025 pm 04:13 PM

本文讨论了OWASP在PHP和缓解策略中的十大漏洞。关键问题包括注射,验证损坏和XSS,并提供用于监视和保护PHP应用程序的推荐工具。

PHP XSS预防:如何预防XSS。PHP XSS预防:如何预防XSS。Mar 26, 2025 pm 04:12 PM

本文讨论了防止PHP中XSS攻击的策略,专注于输入消毒,输出编码以及使用安全增强的库和框架。

PHP接口与抽象类:何时使用。PHP接口与抽象类:何时使用。Mar 26, 2025 pm 04:11 PM

本文讨论了PHP中接口和抽象类的使用,重点是何时使用。界面定义了无实施的合同,适用于无关类和多重继承。摘要类提供常见功能

See all articles

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

AI Hentai Generator

AI Hentai Generator

免费生成ai无尽的。

热门文章

R.E.P.O.能量晶体解释及其做什么(黄色晶体)
4 周前By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳图形设置
4 周前By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.如果您听不到任何人,如何修复音频
4 周前By尊渡假赌尊渡假赌尊渡假赌
WWE 2K25:如何解锁Myrise中的所有内容
1 个月前By尊渡假赌尊渡假赌尊渡假赌

热工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

PhpStorm Mac 版本

PhpStorm Mac 版本

最新(2018.2.1 )专业的PHP集成开发工具

WebStorm Mac版

WebStorm Mac版

好用的JavaScript开发工具

Atom编辑器mac版下载

Atom编辑器mac版下载

最流行的的开源编辑器

Dreamweaver Mac版

Dreamweaver Mac版

视觉化网页开发工具