PHP 完整表单实例


PHP 完整表单实例

本章节将介绍如何让用户在点击"提交(submit)"按钮提交数据前保证所有字段正确输入。

PHP - 在表单中确保输入值

在用户点击提交按钮后,为确保字段值是否输入正确,我们在HTML的input元素中插添加PHP脚本, 各字段名为: name, email, 和 website。 在备注中的 textarea 字段中,我们将脚本放于 <textarea></textarea> 标签之间。

PHP脚本输出值为: $name, $email, $website, 和 $comment 变量。

然后,我们同样需要检查被选中的单选按钮, 对于这一点,我们 必须设置好checked属性(不是radio按钮的 value 属性) :

<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>
   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>
   <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="Submit">
</form>

PHP - 完整表单实例

以下是完整的PHP表单验证实例代码:

<html><head>
<meta charset="utf-8">
<title>编程字典(codingdict.com)</title>
<style>
.error {color: #FF0000;}
</style>
</head>
<body>


<h2>PHP 表单验证实例</h2>
<p><span class="error">* 必需字段。</span></p>
<form method="post" action="/try/demo_source/demo_form_validation_complete.php">
   名字: <input type="text" name="name" value="">
   <span class="error">* </span>
   <br><br>
   E-mail: <input type="text" name="email" value="">
   <span class="error">* </span>
   <br><br>
   网址: <input type="text" name="website" value="">
   <span class="error"></span>
   <br><br>
   备注: <textarea name="comment" rows="5" cols="40"></textarea>
   <br><br>
   性别:
   <input type="radio" name="gender" value="female"><input type="radio" name="gender" value="male"><span class="error">* </span>
   <br><br>
   <input type="submit" name="submit" value="Submit">
</form>

<h2>您输入的内容是:</h2><br><br><br><br>


</body></html>