php学习笔记-保留表单在用户提交表单后的输入数据

最新推荐文章于 2023-09-15 16:28:47 发布

JasonLiu1919

最新推荐文章于 2023-09-15 16:28:47 发布

阅读量6.2k

点赞数 2

分类专栏： php 文章标签： php

本文链接：https://blog.csdn.net/ljp1919/article/details/72829174

版权

php 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

背景：

从之前的例子可以看出，在输入框中填写相应信息之后，点击提交后，输入框中的信息被清除了。本文阐述如何防止表单在用户提交表单后清空所有输入字段。

实施：

如需在用户点击提交按钮后，在输入字段中显示值，我们在以下输入字段的 value 属性中增加了一小段 PHP 脚本：name、email 以及 website。在 comment 文本框字段中，我们把脚本放到了 <textarea> 与 </textarea>之间。这些脚本输出 $name、$email、$website 和 $comment变量的值。
然后，对于单选按钮，我们还需要显示选中了哪个单选按钮。对此，我们必须操作 checked 属性（而非单选按钮的 value 属性）：

   姓名：<input type="text" name="name" value="<?php echo $name;?>">
   <span class="error">* <?php echo $nameErr;?></span>
   <br><br>
   电邮：<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>
   <br><br>
   评论：<textarea name="comment" rows="5" cols="40"><?php echo $comment;?></textarea>//注意这里的添加
   <br><br>
   性别：
  <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">男性

完整的表单实例


<!DOCTYPE HTML> 
<html>
<head>
<style>
.error {color: #FF0000;}
</style>
</head>
<body> 
<meta charset=utf-8>
<?php
// 定义变量并设置为空值
$nameErr = $emailErr = $genderErr = $websiteErr = "";
$name = $email = $gender = $comment = $website = "";

if ($_SERVER["REQUEST_METHOD"] == "POST") {
   if (empty($_POST["name"])) {
     $nameErr = "姓名是必填的";
   } else {
     $name = test_input($_POST["name"]);
     // 检查姓名是否包含字母和空白字符
     if (!preg_match("/^[a-zA-Z ]*$/",$name)) {
       $nameErr = "只允许字母和空格"; 
     }
   }

   if (empty($_POST["email"])) {
     $emailErr = "电邮是必填的";
   } else {
     $email = test_input($_POST["email"]);
     // 检查电子邮件地址语法是否有效
     if (!preg_match("/([\w\-]+\@[\w\-]+\.[\w\-]+)/",$email)) {
       $emailErr = "无效的 email 格式"; 
     }
   }

   if (empty($_POST["website"])) {
     $website = "";
   } else {
     $website = test_input($_POST["website"]);
     // 检查 URL 地址语法是否有效（正则表达式也允许 URL 中的斜杠）
     if (!preg_match("/\b(?:(?:https?|ftp):\/\/|www\.)[-a-z0-9+&@#\/%?=~_|!:,.;]*[-a-z0-9+&@#\/%=~_|]/i",$website)) {
       $websiteErr = "无效的 URL"; 
     }
   }

   if (empty($_POST["comment"])) {
     $comment = "";
   } else {
     $comment = test_input($_POST["comment"]);
   }

   if (empty($_POST["gender"])) {
     $genderErr = "性别是必选的";
   } else {
     $gender = test_input($_POST["gender"]);
   }
}

function test_input($data) {
   $data = trim($data);
   $data = stripslashes($data);
   $data = htmlspecialchars($data);
   return $data;
}
?>

<h2>PHP 验证实例</h2>
<p><span class="error">* 必需的字段</span></p>
<form method="post" action="<?php echo htmlspecialchars($_SERVER["PHP_SELF"]);?>"> 
   姓名：<input type="text" name="name" value="<?php echo $name;?>">
   <span class="error">* <?php echo $nameErr;?></span>
   <br><br>
   电邮：<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>
   <br><br>
   评论：<textarea name="comment" rows="5" cols="40"><?php echo $comment;?></textarea>//注意这里的添加
   <br><br>
   性别：
  <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>
   <br><br>
   <input type="submit" name="submit" value="提交"> 
</form>

<?php
echo "<h2>您的输入：</h2>";
echo $name;
echo "<br>";
echo $email;
echo "<br>";
echo $website;
echo "<br>";
echo $comment;
echo "<br>";
echo $gender;
?>

</body>
</html>

运行结果：

在输入框输入对应的信息之后，点击提交结果如下图所示：
这里写图片描述
从中可以看出，用户提交表单后的输入数据仍然保留下，而不会像之前那样被清空。

JasonLiu1919

关注

2
点赞
踩
18

收藏

觉得还不错? 一键收藏
0
评论
php学习笔记-保留表单在用户提交表单后的输入数据

背景：从之前的例子可以看出，在输入框中填写相应信息之后，点击提交后，输入框中的信息被清除了。本文阐述如何防止表单在用户提交表单后清空所有输入字段。实施：如需在用户点击提交按钮后，在输入字段中显示值，我们在以下输入字段的 value 属性中增加了一小段 PHP 脚本：name、email 以及 website。在 comment 文本框字段中，我们把脚本放到了 <textarea> 与 </texta
复制链接

扫一扫