PHP與Web頁(yè)面交互例子的實(shí)現(xiàn)

更新時(shí)間：2022年01月07日 08:53:06 作者：菇毒

本文主要介紹了PHP?與?Web?頁(yè)面交互例子的實(shí)現(xiàn)，文中通過(guò)示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下

1. HTML 部分

1.1 新建 10-29.html 文件

2021-12-21

1.2 引用 PHP 文件（10-29.PHP）

<form name="form1" action="10-29.php" method="post">

1.3 html 主體部分

<form name="form1" action="10-29.php" method="post">
    <label>輸入姓名：</label>
    <input type="text" name="username"/><br /><br />
    <label>輸入密碼：</label>
    <input type="password" name="password"/><br /><br />
    <label>確認(rèn)密碼：</label>
    <input type="password" name="repassword"/><br /><br />
    <label>選擇性別：</label>
    <input type="radio" name="gender" value="男" checked="checked"/>男
    <input type="radio" name="gender" value="女"/>女<br /><br />
    <label>興趣愛(ài)好：</label>
    <input type="checkbox" name="interest[]" value="唱歌"/>唱歌
    <input type="checkbox" name="interest[]" value="攀巖"/>攀巖
    <input type="checkbox" name="interest[]" value="瑜伽"/>瑜伽
    <input type="checkbox" name="interest[]" value="電競(jìng)"/>電競(jìng)
    <input type="checkbox" name="interest[]" value="繪畫(huà)"/>繪畫(huà)<br /><br />
    <label>選擇職業(yè)：</label>
    <select name="occup">
        <option value ="教師">教師</option>
        <option value ="商人">商人</option>
        <option value ="工人">工人</option>
        <option value ="司機(jī)">司機(jī)</option>
        <option value ="售票員">售票員</option>
    </select><br /><br />
    <input type="submit" name="submit" value="提交數(shù)據(jù)" />
</form>

完整代碼如下

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>PHP 與 Web 頁(yè)面交互</title>
</head>
<body>
<form name="form1" action="10-29.php" method="post">
    <label>輸入姓名：</label>
    <input type="text" name="username"/><br /><br />
    <label>輸入密碼：</label>
    <input type="password" name="password"/><br /><br />
    <label>確認(rèn)密碼：</label>
    <input type="password" name="repassword"/><br /><br />
    <label>選擇性別：</label>
    <input type="radio" name="gender" value="男" checked="checked"/>男
    <input type="radio" name="gender" value="女"/>女<br /><br />
    <label>興趣愛(ài)好：</label>
    <input type="checkbox" name="interest[]" value="唱歌"/>唱歌
    <input type="checkbox" name="interest[]" value="攀巖"/>攀巖
    <input type="checkbox" name="interest[]" value="瑜伽"/>瑜伽
    <input type="checkbox" name="interest[]" value="電競(jìng)"/>電競(jìng)
    <input type="checkbox" name="interest[]" value="繪畫(huà)"/>繪畫(huà)<br /><br />
    <label>選擇職業(yè)：</label>
    <select name="occup">
        <option value ="教師">教師</option>
        <option value ="商人">商人</option>
        <option value ="工人">工人</option>
        <option value ="司機(jī)">司機(jī)</option>
        <option value ="售票員">售票員</option>
    </select><br /><br />
    <input type="submit" name="submit" value="提交數(shù)據(jù)" />
</form>
</body>
</html>

2. PHP 部分

2.1 新建 10-29.php 文件

2021-12-21

2.2 定義變量，獲取

$username = $_POST['username'];       //獲取姓名
$password = $_POST['password'];     //獲取密碼
$repassword = $_POST['repassword'];
$gender = $_POST['gender'];           //獲取性別
$interest = $_POST['interest'];       //獲取興趣愛(ài)好
$occup = $_POST['occup'];             //獲取職業(yè)

判斷輸入的內(nèi)容是否為空

if($_SERVER['REQUEST_METHOD'] == 'POST'){
    //判斷姓名是否為空
    if($username == ""){
        echo "<script>alert('姓名不能為空！請(qǐng)重新輸入！')</script>";     //彈出信息提示框
        exit;       //程序中斷，不再向下執(zhí)行
    }
    elseif(strlen($username) <2){
        echo "<script>alert('姓名的的長(zhǎng)度應(yīng)大于2個(gè)字符！請(qǐng)重新輸入！')</script>";
        exit;
    }
    //判斷密碼是否為空
    if($password == ""){
        echo "<script>alert('密碼不能為空！請(qǐng)重新輸入！')</script>";
        exit;
    }
    elseif(strlen($password) <6){
        echo "<script>alert('密碼長(zhǎng)度不能小于6個(gè)字符！請(qǐng)重新輸入！')</script>";
        exit;
    }
    elseif(strlen($password) >12){
        echo "<script>alert('密碼長(zhǎng)度不能大于12個(gè)字符！請(qǐng)重新輸入！')</script>";
        exit;
    }
    //判斷兩次輸入的密碼是否一致
    if($password != $repassword){
        echo "<script>alert('兩次輸入的密碼不一致！請(qǐng)重新輸入！')</script>";
        exit;
    }
    //判斷興趣愛(ài)好是否已選擇

    if($interest == ""){
        echo "<script>alert('興趣愛(ài)好未選擇！請(qǐng)重新選擇！')</script>";
        exit;
    }
}

2.3 輸出值

echo "姓名：".$username."<br/>";
echo "密碼：".$password."<br />";
echo "性別：".$gender."<br />";
echo "愛(ài)好：".implode('、',$interest)."<br />";     //用“、“，隔開(kāi)
echo "職業(yè)：".$occup."<br />";

完整代碼如下

<?php
$username = $_POST['username'];       //獲取姓名
$password = $_POST['password'];     //獲取密碼
$repassword = $_POST['repassword'];
$gender = $_POST['gender'];           //獲取性別
$interest = $_POST['interest'];       //獲取興趣愛(ài)好
$occup = $_POST['occup'];             //獲取職業(yè)

if($_SERVER['REQUEST_METHOD'] == 'POST'){
    //判斷姓名是否為空
    if($username == ""){
        echo "<script>alert('姓名不能為空！請(qǐng)重新輸入！')</script>";     //彈出信息提示框
        exit;       //程序中斷，不再向下執(zhí)行
    }
    elseif(strlen($username) <2){
        echo "<script>alert('姓名的的長(zhǎng)度應(yīng)大于2個(gè)字符！請(qǐng)重新輸入！')</script>";
        exit;
    }
    //判斷密碼是否為空
    if($password == ""){
        echo "<script>alert('密碼不能為空！請(qǐng)重新輸入！')</script>";
        exit;
    }
    elseif(strlen($password) <6){
        echo "<script>alert('密碼長(zhǎng)度不能小于6個(gè)字符！請(qǐng)重新輸入！')</script>";
        exit;
    }
    elseif(strlen($password) >12){
        echo "<script>alert('密碼長(zhǎng)度不能大于12個(gè)字符！請(qǐng)重新輸入！')</script>";
        exit;
    }
    //判斷兩次輸入的密碼是否一致
    if($password != $repassword){
        echo "<script>alert('兩次輸入的密碼不一致！請(qǐng)重新輸入！')</script>";
        exit;
    }
    //判斷興趣愛(ài)好是否已選擇

    if($interest == ""){
        echo "<script>alert('興趣愛(ài)好未選擇！請(qǐng)重新選擇！')</script>";
        exit;
    }
}
echo "姓名：".$username."<br/>";
echo "密碼：".$password."<br />";
echo "性別：".$gender."<br />";
echo "愛(ài)好：".implode('、',$interest)."<br />";     //用“、“，隔開(kāi)
echo "職業(yè)：".$occup."<br />";
?>