开发学院

您的位置:首页>教程>正文

教程正文

PHP 表单验证 - 完成表单实例

PHP 表单验证 - 完成表单实例

    本节展示如何在用户提交表单后保留输入字段中的值。

    PHP - 保留表单中的值

    如需在用户点击提交按钮后在输入字段中显示值,我们在以下输入字段的 value 属性中增加了一小段 PHP 脚本:name、email 以及 website。在 comment 文本框字段中,我们把脚本放到了 <textarea> 与 </textarea> 之间。这些脚本输出 $name、$email、$website 和 $comment 变量的值。

    然后,我们还需要显示选中了哪个单选按钮。对此,我们必须操作 checked 属性(而非单选按钮的 value 属性):

    Name: <input type="text" name="name" value="<?php echo $name;?>">
    
    E-mail: <input type="text" name="email" value="<?php echo $email;?>">
    
    Website: <input type="text" name="website" value="<?php echo $website;?>">
    
    Comment: <textarea name="comment" rows="5" cols="40"><?php echo $comment;?></textarea>
    
    Gender:
    
    <input type="radio" name="gender"
    <?php if (isset($gender) && $gender=="female") echo "checked";?>
    value="female">Female
    <input type="radio" name="gender"
    <?php if (isset($gender) && $gender=="male") echo "checked";?>
    value="male">Male

    PHP - 完整的表单实例

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

    实例

    <!DOCTYPE HTML>      
    <html>    
    <head>    
    <style>    
    .error {color: #FF0000;}    
    * { font-family:'微软雅黑';}    
    </style>    
    </head>    
    <body>      
    <h2>PHP 表单验证实例</h2>    
    <p><span class="error">* 必填字段</span></p>    
    <form method="post" action="/kaifaxueyuan.php">    
    姓名:    
    <input type="text" name="name" value="">    
    <span class="error">* </span>    
    <br><br>    
    电邮:    
    <input type="text" name="email" value="">    
    <span class="error">* </span>    
    <br><br>    
    网址:    
    <input type="text" name="website" value="">    
    <span class="error"></span>    
    <br><br>    
    <label>    
    评论:    
    <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="提交">     
    </form>    
    <h2>您的输入:</h2>    
    <br/><br/><br/><br/><br/></body>    
    </html>