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 world
如上图,我们须要把运转效果中的地点,拷贝到IDEA中的HTML文件中建立表单时的action属性中,示意经由过程这个地点来访问服务器。
再次运转HTML文件,并点击 确认按钮:
运转效果则跳转到了PHP的运转环境当中,并返回PHP的运转效果,如许就开端完成了PHP与HTML的交互。
那末接下来我们对PHP环境中的剧本举行一下整顿:
在eclipse当中修正剧本以下:
<?php echo "用户名:".$_GET['name']."<br>暗码:".$_GET['password'];
这里的代码是PHP当中的语法,个中:
. 示意字符串的衔接;
$_get[‘name’]:这里运用的get要领,是因为在HTML中,我们在建立表单时,运用的是get体式格局;这里的name和password是与HTML中对应的name属性的值一致的。
变动完成今后,我们再次运转HTML,并输入用户名和暗码,以下:
点击 确认 按钮举行提交,效果以下:
能够看到,在运转时,涌现了乱码的状况,是因为字符集运用的题目,须要调解一下:
进入到eclipse当中,以下:
将字符集设置为utf-8
再次运转HTML文件,获得以下效果:
我们能够看到一个细节,在输入了用户名和暗码,点击了 确认按钮举行提交操纵今后,在地点栏中,涌现了我们所输入的用户名和暗码的信息,以下:
这就会对用户的个人信息案例形成要挟。那末我们试着把提交体式格局改一下,前面我们运用的是get,我们如今改成post。
首先在HTML当中修正提交体式格局为post:
然后修正eclipse中PHP剧本语言中的取值体式格局一样也为post:
我们再次运转:
这里我们看到,地点栏中没有再涌现,用户名和暗码的信息了。这就是两种提交体式格局的辨别,在现实的运用过程当中要加以辨别。
post相对于get要平安许多。而且地点的长度不能太长,所以get长度会有限定,而post没有。post体式格局不能做资本定位,而get体式格局能够做资本定位。
以上就是html表单与php怎样衔接的细致内容,更多请关注ki4网别的相干文章!