Web前端教程-02.06.HTML表单和php环境搭建

02.HTML5

02.06.HTML表单和php环境搭建

• HTML表单
• PHP环境搭建
• 表单提交数据与PHP交互

02.06.01.HTML表单

1. 表单用于获取不同类型的用户输入

2. 常用表单标签
   

   <form>
       用户名：
       <input type="text">
       <br/>
       密码：
       <input type="password">
       <br/>
       你喜欢的水果有？
       <br/>
       苹果<input type="checkbox">
       西红柿<input type="checkbox">
       香蕉<input type="checkbox">
       <br/>
       请选择您的性别：
       男<input type="radio" name="sex">
       女<input type="radio" name="sex">
       <br/>
       请选择您经常使用的网站
       <select>
           <option>123</option>
           <option>456</option>
           <option>789</option>
       </select>
       <input type="button" value="按钮">
       <input type="submit" value="提交">
   </form>
   <textarea cols="30" rows="30">请在此填写个人信息</textarea>
   

02.06.02.PHP环境搭建

1. 服务器XAMPP

   PHP+MySql+Apache

   我们选择一个集成PHP服务器XAMPP

   

   Start Apache服务器，打开浏览器，输入http://localhost/，我们可以看到服务器已经开启，一个本地的PHP服务器搭建完成。

   

2. 集成开发环境Eclipse

   Eclipse需要安装PHP开发工具包-PDT

   在install中找到安装的Eclipse版本的工具包，在里面找到Programing Languages，在里面找到PDT，然后安装即可。

   

3. 新建一个PHP工程

   

   将此service.php文件放在XAMPP安装目录下的htdocs目录下，打开浏览器，输入文件地址即可运行

   

02.06.03.表单提交数据与PHP交互

1. HTML表单代码

   <form action="http://localhost/service/service.php" method="get">
       用户名：<input type="text" name="name">
       密码：<input type="password" name="password">
       <br/>
       <input type="submit" value="提交">
   </form>
   

2. 服务器端代码

   <?php
   echo "用户名：".$_GET['name']."<br/>密码：".$_GET['password'];
   

运行结果如下所示：