1、打开IDEA,新建一个HTML 文件:
我将它命名为index01
我们修改表单的标题:
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 w来源gaodai#ma#com搞*代#码网orld
如上图,我们需要把运行结果中的地址,拷贝到IDEA中的HTML文件中创建表单时的action属性中,表示通过这个地址来访问服务器。
再次运行HTML文件,并点击 确认按钮:
运行结果则跳转到了PHP的运行环境当中,并返回PHP的运行结果,这样就初步完成了PHP与HTML的交互。
那么接下来我们对PHP环境中的脚本进行一下整理:
在eclipse当中修改脚本如下:
<?phpecho "用户名:".$_GET['name']."<br>密码:".$_GET['password'];
这里的代码是PHP当中的语法,其中:
. 表示字符串的连接;
$_get[‘name’]:这里使用的get方法,是因为在HTML中,我们在创建表单时,使用的是get方式;这里的name和password是与HTML中对应的name属性的值一致的。