php教程：表单处理和表单验证

朴灿烈づ我的快乐病毒、 2023-10-16 16:17 86阅读 0赞

## 表单和用户输入 ##

### 表单处理 ###

当处理 HTML 表单时，PHP 能把来自 HTML 页面中的表单元素自动变成可供 PHP 脚本使用。

# form.html 文件代码
    
    <html>
    <head>
    <meta charset="utf-8">
    <title>菜鸟教程(runoob.com)</title>
    </head>
    <body>
     
    <form action="welcome.php" method="post">
    名字: <input type="text" name="fname">
    年龄: <input type="text" name="age">
    <input type="submit" value="提交">
    </form>
     
    </body>
    </html>
    
    # welcome.php 文件代码
    
    欢迎<?php echo $_POST["fname"]; ?>!<br>
    你的年龄是 <?php echo $_POST["age"]; ?>  岁。

### 获取下拉菜单的数据 ###

#### 下拉菜单单选 ####

用select标签设置下拉菜单三个选项，表单使用 GET 方式获取数据，action 属性值为空表示提交到当前脚本，我们可以通过 select 的 name 属性获取下拉菜单的值：

<?php
    $q = isset($_GET['q'])? htmlspecialchars($_GET['q']) : '';
    if($q) {
        
            if($q =='RUNOOB') {
        
                    echo '菜鸟教程<br>http://www.runoob.com';
            } else if($q =='GOOGLE') {
        
                    echo 'Google 搜索<br>http://www.google.com';
            } else if($q =='TAOBAO') {
        
                    echo '淘宝<br>http://www.taobao.com';
            }
    } else {
        
    ?>
    <form action="" method="get"> 
        <select name="q">
            <option value="">选择一个站点:</option>
            <option value="RUNOOB">Runoob</option>
            <option value="GOOGLE">Google</option>
            <option value="TAOBAO">Taobao</option>
        </select>
        <input type="submit" value="提交">
        </form>
    <?php
    }
    ?>

![在这里插入图片描述][a9536b7c7926451385c31b5279251901.png]  
![在这里插入图片描述][3312e0cb626c46e39dfbe1df34c1b47d.png]

#### 下拉菜单多选 ####

如果下拉菜单是多选的（ multiple=“multiple”），我们可以通过将设置 select name=“q\[\]” 以数组的方式获取

<?php
    $q = isset($_POST['q'])? $_POST['q'] : '';
    if(is_array($q)) {
        
        $sites = array(
                'RUNOOB' => '菜鸟教程: http://www.runoob.com',
                'GOOGLE' => 'Google 搜索: http://www.google.com',
                'TAOBAO' => '淘宝: http://www.taobao.com',
        );
        foreach($q as $val) {
        
            // PHP_EOL 为常量，用于换行
            echo $sites[$val] . PHP_EOL;
        }
          
    } else {
        
    ?>
    <form action="" method="post"> 
        <select multiple="multiple" name="q[]">
        <option value="">选择一个站点:</option>
        <option value="RUNOOB">Runoob</option>
        <option value="GOOGLE">Google</option>
        <option value="TAOBAO">Taobao</option>
        </select>
        <input type="submit" value="提交">
        </form>
    <?php
    }
    ?>

![在这里插入图片描述][e337cc8777ff41368edd0b2e03e09b8f.png]  
![在这里插入图片描述][25e50b64c4b34b2c8fb636ef207fd0fd.png]

![在这里插入图片描述][3dbc1eccaa4d4acaaba23476f01563e6.png]

### 单选按钮表单 ###

单选按钮表单中 name 属性的值是一致的，value 值是不同的

<?php
    $q = isset($_GET['q'])? htmlspecialchars($_GET['q']) : '';
    if($q) {
        
            if($q =='RUNOOB') {
        
                    echo '菜鸟教程<br>http://www.runoob.com';
            } else if($q =='GOOGLE') {
        
                    echo 'Google 搜索<br>http://www.google.com';
            } else if($q =='TAOBAO') {
        
                    echo '淘宝<br>http://www.taobao.com';
            }
    } else {
        
    ?><form action="" method="get"> 
        <input type="radio" name="q" value="RUNOOB" />Runoob
        <input type="radio" name="q" value="GOOGLE" />Google
        <input type="radio" name="q" value="TAOBAO" />Taobao
        <input type="submit" value="提交">
    </form>
    <?php
    }
    ?>

![在这里插入图片描述][b069500c54c8487a9ce4abdfd37d1347.png]

### checkbox 复选框 ###

checkbox 复选框可以选择多个值，有点类似于下拉菜单多选的情况

<?php
    $q = isset($_POST['q'])? $_POST['q'] : '';
    if(is_array($q)) {
        
        $sites = array(
                'RUNOOB' => '菜鸟教程: http://www.runoob.com',
                'GOOGLE' => 'Google 搜索: http://www.google.com',
                'TAOBAO' => '淘宝: http://www.taobao.com',
        );
        foreach($q as $val) {
        
            // PHP_EOL 为常量，用于换行
            echo $sites[$val] . PHP_EOL;
        }
          
    } else {
        
    ?><form action="" method="post"> 
        <input type="checkbox" name="q[]" value="RUNOOB"> Runoob<br> 
        <input type="checkbox" name="q[]" value="GOOGLE"> Google<br> 
        <input type="checkbox" name="q[]" value="TAOBAO"> Taobao<br>
        <input type="submit" value="提交">
    </form>
    <?php
    }
    ?>

![在这里插入图片描述][0a9e4a6b643b42d8bf80636951e997ba.png]

### 表单验证 ###

在处理PHP表单时我们需要考虑安全性，为了防止黑客及垃圾信息我们需要对表单进行数据安全验证。

#### 表单验证实例 ####

![在这里插入图片描述][18366cf3f5f646f28e068356d7e57752.png]

<table> 
 <thead> 
  <tr> 
   <th>字段</th> 
   <th>验证规则</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>名字</td> 
   <td>必须。 +只能包含字母和空格</td> 
  </tr> 
  <tr> 
   <td>E-mail</td> 
   <td>必须。 + 必须是一个有效的电子邮件地址（包含’@‘和’.'）</td> 
  </tr> 
  <tr> 
   <td>网址</td> 
   <td>可选。如果存在，它必须包含一个有效的URL</td> 
  </tr> 
  <tr> 
   <td>备注</td> 
   <td>可选。多行输入字段（文本域）</td> 
  </tr> 
  <tr> 
   <td>性别</td> 
   <td>必须。 必须选择一个</td> 
  </tr> 
 </tbody> 
</table>

*  文本字段

名字: <input type="text" name="name" value="<?php echo $name;?>">
    <span class="error">* <?php echo $nameErr;?></span>
    <br><br>
    E-mail: <input type="text" name="email" value="<?php echo $email;?>">
    <span class="error">* <?php echo $emailErr;?></span>
    <br><br>
    网址: <input type="text" name="website" value="<?php echo $website;?>">
    <span class="error"><?php echo $websiteErr;?></span>

*  单选按钮

性别:
    <input type="radio" name="gender" <?php if (isset($gender) && $gender=="female") echo "checked";?>  value="female">女
    <input type="radio" name="gender" <?php if (isset($gender) && $gender=="male") echo "checked";?>  value="male">男
    <span class="error">* <?php echo $genderErr;?></span>

#### 预防XSS攻击：避免 $\_SERVER\[“PHP\_SELF”\] 被利用\] ####

$\_SERVER\[“PHP\_SELF”\] 变量有可能会被黑客使用！

若表单部分代码这么写：

# test_form.php为当前php脚本名，也可以写成 action="<?php echo $_SERVER["PHP_SELF"]
    
    <form method="post" action="test_form.php">

而用户会在浏览器地址栏中输入以下地址:

http://www.runoob.com/test_form.php/%22%3E%3Cscript%3Ealert('hacked')%3C/script%3E

以上的 URL 中，将被解析为如下代码并执行：

<form method="post" action="test_form.php/"><script>alert('hacked')</script>

代码中添加了 script 标签，并添加了alert命令。 当页面载入时会执行该Javascript代码（用户会看到弹出框）

#### **如何避免 $\_SERVER\[“PHP\_SELF”\] 被利用?** ####

> $\_SERVER\[“PHP\_SELF”\] 可以通过 htmlspecialchars() 函数来避免被利用。

#### [显示错误信息 ][Link 1][目录][Link 2] ####

为每个字段中添加了一些脚本， 各个脚本会在信息输入错误时显示错误信息。(如果用户未填写信息就提交表单则会输出错误信息):

<form method="post" action="<?php echo htmlspecialchars($_SERVER['PHP_SELF']);?>"> 
    名字: <input type="text" name="name">
    <span class="error">* <?php echo $nameErr;?></span>
       .
       .
       .

#### [正则匹配：验证邮件和URL ][URL][目录][Link 2] ####

preg\_match — 进行正则表达式匹配

语法：

int preg_match ( string $pattern , string $subject [, array $matches [, int $flags ]] )

# 1. 验证名称，检测 name 字段是否包含字母和空格
    
    $name = test_input($_POST["name"]);
    if (!preg_match("/^[a-zA-Z ]*$/",$name)) {
      $nameErr = "只允许字母和空格"; 
    }
    
    
    # 2. 验证邮件，检测 e-mail 地址是否合法
    
    $email = test_input($_POST["email"]);
    if (!preg_match("/([\w\-]+\@[\w\-]+\.[\w\-]+)/",$email)) {
      $emailErr = "非法邮箱格式"; 
    }
    
    
    # 3. 验证 URL
    
    $website = test_input($_POST["website"]);
    if (!preg_match("/\b(?:(?:https?|ftp):\/\/|www\.)[-a-z0-9+&@#\/%?=~_|!:,.;]*[-a-z0-9+&@#\/%=~_|]/i",$website)) {
      $websiteErr = "非法的 URL 的地址"; 
    }

### [收集表单数据：$\_GET & $\_POST ][GET _ _POST][目录][Link 2] ###

*  **$\_GET 变量**

从带有 GET 方法的表单发送的信息，对任何人都是可见的（会显示在浏览器的地址栏），并且对发送信息的量也有限制。

>  *  所以在发送密码或其他敏感信息时，不应该使用这个方法
> 
> 正因为变量显示在 URL 中，因此可以在收藏夹中收藏该页面。在某些情况下，这是很有用的。
> 
>  *  HTTP GET 方法不适合大型的变量值。它的值是不能超过 2000 个字符的

*  **$\_POST 变量**

从带有 POST 方法的表单发送的信息，对任何人都是不可见的（不会显示在浏览器的地址栏），并且对发送信息的量也没有限制。

*  **$\_REQUEST 变量**

预定义的 $\_REQUEST 变量包含了  G E T 、 \_GET、 GET、\_POST 和 $\_COOKIE 的内容。

$\_REQUEST 变量可用来收集通过 GET 和 POST 方法发送的表单数据。

[a9536b7c7926451385c31b5279251901.png]: https://img-blog.csdnimg.cn/a9536b7c7926451385c31b5279251901.png
[3312e0cb626c46e39dfbe1df34c1b47d.png]: https://img-blog.csdnimg.cn/3312e0cb626c46e39dfbe1df34c1b47d.png
[e337cc8777ff41368edd0b2e03e09b8f.png]: https://img-blog.csdnimg.cn/e337cc8777ff41368edd0b2e03e09b8f.png
[25e50b64c4b34b2c8fb636ef207fd0fd.png]: https://img-blog.csdnimg.cn/25e50b64c4b34b2c8fb636ef207fd0fd.png
[3dbc1eccaa4d4acaaba23476f01563e6.png]: https://img-blog.csdnimg.cn/3dbc1eccaa4d4acaaba23476f01563e6.png
[b069500c54c8487a9ce4abdfd37d1347.png]: https://img-blog.csdnimg.cn/b069500c54c8487a9ce4abdfd37d1347.png
[0a9e4a6b643b42d8bf80636951e997ba.png]: https://img-blog.csdnimg.cn/0a9e4a6b643b42d8bf80636951e997ba.png
[18366cf3f5f646f28e068356d7e57752.png]: https://img-blog.csdnimg.cn/18366cf3f5f646f28e068356d7e57752.png
[Link 1]: https://github.com/Ming-Lian/Memo/blob/master/%E5%AD%A6%E4%B9%A0%E7%AC%94%E8%AE%B0%EF%BC%9APHP%E4%B8%80%E5%91%A8%E9%80%9F%E6%88%90.md#%E6%98%BE%E7%A4%BA%E9%94%99%E8%AF%AF%E4%BF%A1%E6%81%AF-%E7%9B%AE%E5%BD%95
[Link 2]: https://github.com/Ming-Lian/Memo/blob/master/%E5%AD%A6%E4%B9%A0%E7%AC%94%E8%AE%B0%EF%BC%9APHP%E4%B8%80%E5%91%A8%E9%80%9F%E6%88%90.md#content
[URL]: https://github.com/Ming-Lian/Memo/blob/master/%E5%AD%A6%E4%B9%A0%E7%AC%94%E8%AE%B0%EF%BC%9APHP%E4%B8%80%E5%91%A8%E9%80%9F%E6%88%90.md#%E6%AD%A3%E5%88%99%E5%8C%B9%E9%85%8D%E9%AA%8C%E8%AF%81%E9%82%AE%E4%BB%B6%E5%92%8Curl-%E7%9B%AE%E5%BD%95
[GET _ _POST]: https://github.com/Ming-Lian/Memo/blob/master/%E5%AD%A6%E4%B9%A0%E7%AC%94%E8%AE%B0%EF%BC%9APHP%E4%B8%80%E5%91%A8%E9%80%9F%E6%88%90.md#%E6%94%B6%E9%9B%86%E8%A1%A8%E5%8D%95%E6%95%B0%E6%8D%AE_get--_post-%E7%9B%AE%E5%BD%95