今天学习到PHP处理网页表单提交的数据时，碰到一个巨头疼的问题，先贴上案例代码：

html表单部分：

<html>

<head>

<meta charset="utf-8"><meta charset="utf-8">

<title>菜鸟教程(runoob.com)</title>

</head>

<body> 

<form action="./index.php" method="post">

名字: <input type="text" name="fname">

年龄: <input type="text" name="age">

<input type="submit" value="提交">

</form>

</body>

</html>

HTML样式

php部分代码

欢迎

<?php echo $_POST["fname"]; ?>

!<br>

<?php echo $_POST["fname"]; ?>

!<br>

你的年龄是

<?php echo $_POST["age"]; ?> 岁。你的年龄是

<?php echo $_POST["age"]; ?> 岁。

当我按照习惯方式打开html页面输入信息提交后，显示出了php的源代码而不是处理结果：

看了看度娘类似问题后，突然灵光闪现，想起我的html页面是直接在sublime右键浏览器打开的，这样就导致了整个处理过程并没有经过Apache服务器，也就没有用到php，浏览器自己无法解析php代码，所以直接显示出了源代码。

想要正常执行，还是得在浏览器地址栏手动输入localhost……的文件路径，让Apache的PHP程序去解析php的代码才能正常处理，不能偷懒直接运行html页面，当然从文件夹里直接打开html文件也是不行的啦。改正后，处理结果截图如下（注意地址栏中的路径和上图对比，上图是本地文件服务器的路径，下图才是Apache服务器的正确路径）

相信像我这样的有点前端基础的后端初学者应该大部分会遇到这个问题吧，看见html页面总想直接打开看效果，而跳过了服务器，以后还是得把思想转变过来啊！！

html表单提交给PHP然后浏览器显示出了PHP的源代码的更多相关文章

  1. myeclipse10 .jsp将表单提交给.java（form网页与后台通信初识）

    做毕设需要用到form通信. 以下几张截图来自极课学院 servlet jsp文件 web配置 出现错误: 路径问题 仍然不对,需要再改 <form action="servlet/S ...

  2. Ajax表单提交给C#后台选中的checkbox值

    HTML页面: <input name="payWay" type="checkbox" value="1" />  <i ...

  3. uni-app中当uni.navigateTo传的参数为object时，通过传递的不同参数，在显示单页面内通过v-if判断显示出对应的内容（可实现多页面效果）

    通过uni-app中当uni.navigateTo传的参数为object时,通过传递的不同参数,在显示单页面内通过v-if判断显示出对应的内容(可实现多页面效果) 起始页跳转到对应页面,并传递参数(o ...

  4. 表单input按钮在各浏览器之间的兼容性

    从网上看了这篇关于表单input按钮的浏览器兼容性问题,总结的还不错,所以copy下来学习下. input按钮在各个浏览器之间的兼容性问题,看下边这段代码: input.item { backgrou ...

  5. ASP.NET 表单验证方法与客户端(浏览器)服务器交互机制的故事

    想到这个问题完全是一个意外吧,是在寻找另外一个问题答案的过程中,才对验证方法与浏览器服务器交互机制的关系有了清晰的认识. 先说下验证方法,验证方法分为前台验证和后台验证. 前台验证就是类似jQuery ...

  6. 前端福利之表单input按钮在各浏览器之间的兼容性(转)

    从网上看了这篇关于表单input按钮的浏览器兼容性问题,总结的还不错,所以copy下来学习下. input按钮在各个浏览器之间的兼容性问题,看下边这段代码: input.item { backgrou ...

  7. <a>作Form表单提</a>

    1. Form表单<%using (Html.BeginForm("AddRoles", "RoleManage", FormMethod.Post, n ...

  8. MVC表单提交加JS验证

    做一个普通表单提交,但是要加前端验证,如下: 1. Action public ActionResult Add(ProductModelproductID) {     //operate... } ...

  9. 解决poshytip 表单高度大于屏幕高端 显示问题

    Poshy Tip是一款非常友好的信息提示工具,它基于jQuery,当鼠标滑向链接时,会出现一个信息提示条.信息的内容直接可以在HTML里设定也可以是从服务端调用的数据,该插件还提供了很多属性和方法. ...

随机推荐

  1. opencv图像加文字与运行时间

    //获取推断时间 vector<double>layterTimings; double freq = getTickFrequency() / 1000; //得到ms double t ...

  2. [POI2004]PRZ [枚举子集]

    怎么全是 模拟退火 啊,这明明是个 枚举子集 的板子题. 考虑 \(n \leq 16\) 二进制没错了.. \(dt_i\) 表示 \(i\) 这个状态下 \(\max{t_j}\),\([\tex ...

  3. Building a Space Station POJ - 2031 三维最小生成树，其实就是板子题

    #include<iostream> #include<cmath> #include<algorithm> #include<cstdio> usin ...

  4. C# WPF计算器界面（Calculator Design With Animations）

    时间如流水,只能流去不流回! 点赞再看,养成习惯,这是您给我创作的动力! 本文 Dotnet9 https://dotnet9.com 已收录,站长乐于分享dotnet相关技术,比如Winform.W ...

  5. 如何查看oracle当前连接数，会话数

    第一步,在cmd命令行,输入sqlplus 第二步,根据提示输入用户名与密码 1. 查看processes和sessions参数 SQL> show parameter processes NA ...

  6. Educational Codeforces Round 65 (Rated for Div. 2)B. Lost Numbers（交互）

    This is an interactive problem. Remember to flush your output while communicating with the testing p ...

  7. Struts2学习-struts.xml文件配置

    学习框架过程中,一直对框架中的配置文件比较难理解,特搜集资料简要记录一下struts.xml文件遇到的问题. <?xml version="1.0" encoding=&qu ...

  8. Selenium自动化发送163邮箱

    自动化发送163邮件 方法一: import time import datetime from selenium import webdriver from selenium.webdriver.s ...

  9. JS实现“隐藏与显示”功能(多种方法)

    1,通过按钮实现隐藏与显示: 这个是通过按钮点击实现的隐藏与显示,具体代码如下: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 ...

  10. Python2安装MySQLdb

    在http://www.lfd.uci.edu/~gohlke/pythonlibs/#mysql-python下载对应的包版本,如果是win7 64位2.7版本的python,就下载 MySQL_p ...