1. 程式人生 > 程式設計 >PHP與Web頁面互動例子的實現

PHP與Web頁面互動例子的實現

目錄
  • 1. HTML 部分
  • 2. 部分
  • 3. 執行結果如下所示

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>確認密碼:</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>興趣愛好:</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="電競"/>電競 <input type="checkbox" name="interest[]" value="繪畫"/>繪畫<br /><br /> <label>選擇職業:</label> <select name="occup"> <option value ="教師">教師</option> <option value ="商人">商人</option> <option value ="工人">工人</option> <option value ="司機">司機</option> <option value ="售票員">售票員</option> </select><br /><br /> <input type="submit" name="submit" value="提交資料" /> </form>

完整程式碼如下

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>PHP 與 Web 頁面互動</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>確認密碼:</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>興趣愛好:</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="電競"/>電競
    <input type="checkbox" name="interest[]" value="繪畫"/>繪畫<br /><br />
    <label>選擇職業:</label>
    <select name="occup">
        <option value ="教師">教師</option>
        <option value ="商人">商人</option>
        <option value ="工人">工人</option>
        <option value ="司機">司機</option>
        <option value ="售票員">售票員</option>
    </select><br /><br />
    <input type="submit" name="submit" value="提交資料" />
</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'];       //獲取興趣愛好
$occup = $_POST['occup'];             //獲取職業

判斷輸入的內容是否為空

if($_SERVER['REQUEST_METHOD'] == 'POST'){
    //判斷姓名是否為空
    if($username == ""){
        echo "<script>alert('姓名不能為空!請重新輸入!')</script>";     //彈出資訊提示框
        exit;       //程式中斷,不再向下執行
    }
    elseif(strlen($username) <2){
        echo www.cppcns.com"<script>alert('姓名的的長度應大於2個字元!請重新輸入!')</script>";
        exit;
    }
    //判斷密碼是否為空
    if($password == ""){
        echo "<script>alert('密碼不能為空!請重新輸入!')</script>";
        exit;
    }
    elseif(strlen($password) <6){
        echo "<script>alert('密碼長度不能小於6個字元!請重新輸入!')</script>";
        exit;
    }
    elseif(strlen($password) >12){
        echo "<script>alert('密碼長度不能大於12個字元!請重新輸入!')</script>";
        exit;
    }
    //判斷兩次輸入的密碼是否一致
    if($pawww.cppcns.comssword != $repassword){
        echo "<script>alert('兩次輸入的密碼不一致!請重新輸入!')</script>";
        exit;
    }
    //判斷興趣愛好是否已選擇

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

2.3 輸出值

echo "姓名:".$username."<br/>";
echo "密碼:".$password."<br />";
echo "性別:".$gender."<br />";
echo "愛好:".implode('、',$interest)."<br />";     //用“、“,隔開
echo "職業:".$occup."<br />";

完整程式碼如下

<?php
$username = $_POST['username'];       //獲取姓名
$password = $_POST['password'];     //獲取客棧密碼
$repassword = $_POST['repassword'];
$gender = $_POST['gender'];           //獲取性別
$interest = $_POST['interest'];       //獲取興趣愛好
$occup = $_POST['occup'];             //獲取職業

if($_SERVER['REQUEST_METHOD'] == 'POST'){
    //判斷姓名是否為空
    if($username == ""){
        echo "<script>alert('姓名不能為空!請重新輸入!')</script>";     //彈出資訊提示框
        exit;       //程式中斷,不再向下執行
    }
    elseif(strlen($username) <2){
        echo "<script>alert('姓名的的長度應大於2個字元!請重新輸入!')</script>";
        exit;
    }
    //判斷密碼是否為空
    if($password == ""){
        echo "<script>alert('密碼不能為空!請重新輸入!')</script>";
        exit;
    }
    elseif(strlen($password) <6){
        echo "<script>alert('密碼長度不能小於6個字元!請重新輸入!')</script>";
        exit;
    }
    elseif(strlen($password) >12){
        echo "<script>alert('密碼長度不能大於12個字元!請重新輸入!')</script>";
        exit;
    }
    //判斷兩次輸入的密碼是否一致
    if($password != $repassword){
        echo "<script>alert('兩次輸入的密碼不一致!請重新輸入!')</script>";
        exit;
    }
    //判斷興趣愛好是否已選擇

    if($interest == ""){
        echo "<script>alert('興趣愛好未選擇!請重新選擇!')</script>";
        exit;
    }
}
echo "姓名:".$username."<br/>";
echo "密碼:".$password."<br />";
echo "性別:".$gender."<br />";
echo "愛好:".implode('、',$interest)."<br />";     //用“、“,隔開
echo "職業:".$occup."<br />";
?>

3. 執行結果如下所示

3.1 未輸入姓名

2021-112-21

2021-12-21

3.2 姓名長度不足2個字元

2021-12-21

2021-12-20

3.3 實現的功能如下所示

判斷姓名是否為空,是否大於2個字元;

判斷密碼是否為空,是否為 6 ~ 12個字元;

判斷兩次輸入的密碼是否一致;

判斷興趣愛好是否已勾選;

輸出正確的值;

到此這篇關於PHP與Web頁面互動例子的實現的文章就介紹到這了,更多相關PHP Web互動 內容請搜尋我們以前的文章或繼續瀏覽下面的相關文章希望大家以後多多支援我們!