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

html表单与php怎么连接

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

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

热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.能量晶体解释及其做什么(黄色晶体)
2 周前 By 尊渡假赌尊渡假赌尊渡假赌
仓库:如何复兴队友
4 周前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒险:如何获得巨型种子
3 周前 By 尊渡假赌尊渡假赌尊渡假赌

热工具

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

CakePHP 项目配置 CakePHP 项目配置 Sep 10, 2024 pm 05:25 PM

在本章中,我们将了解CakePHP中的环境变量、常规配置、数据库配置和电子邮件配置。

适用于 Ubuntu 和 Debian 的 PHP 8.4 安装和升级指南 适用于 Ubuntu 和 Debian 的 PHP 8.4 安装和升级指南 Dec 24, 2024 pm 04:42 PM

PHP 8.4 带来了多项新功能、安全性改进和性能改进,同时弃用和删除了大量功能。 本指南介绍了如何在 Ubuntu、Debian 或其衍生版本上安装 PHP 8.4 或升级到 PHP 8.4

CakePHP 日期和时间 CakePHP 日期和时间 Sep 10, 2024 pm 05:27 PM

为了在 cakephp4 中处理日期和时间,我们将使用可用的 FrozenTime 类。

CakePHP 文件上传 CakePHP 文件上传 Sep 10, 2024 pm 05:27 PM

为了进行文件上传,我们将使用表单助手。这是文件上传的示例。

CakePHP 路由 CakePHP 路由 Sep 10, 2024 pm 05:25 PM

在本章中,我们将学习以下与路由相关的主题?

讨论 CakePHP 讨论 CakePHP Sep 10, 2024 pm 05:28 PM

CakePHP 是 PHP 的开源框架。它的目的是使应用程序的开发、部署和维护变得更加容易。 CakePHP 基于类似 MVC 的架构,功能强大且易于掌握。模型、视图和控制器 gu

HTML 表格布局 HTML 表格布局 Sep 04, 2024 pm 04:54 PM

HTML 表格布局指南。在这里,我们详细讨论 HTML 表格布局的值以及示例和输出。

如何设置 Visual Studio Code (VS Code) 进行 PHP 开发 如何设置 Visual Studio Code (VS Code) 进行 PHP 开发 Dec 20, 2024 am 11:31 AM

Visual Studio Code,也称为 VS Code,是一个免费的源代码编辑器 - 或集成开发环境 (IDE) - 可用于所有主要操作系统。 VS Code 拥有针对多种编程语言的大量扩展,可以轻松编写

See all articles