首頁  >  文章  >  後端開發  >  超越基本 HTML:使用 PHP 添加功能和互動性

超越基本 HTML:使用 PHP 添加功能和互動性

王林
王林原創
2024-10-10 14:50:21866瀏覽

PHP是一種伺服器端腳本語言,用於擴充HTML,增加互動性和動態功能。透過與HTML結合使用,PHP可以處理表單、查詢資料庫並建立動態內容,從而建立互動式和功能齊全的網站。

Go Beyond Basic HTML: Add Functionality and Interactivity with PHP

超越基本HTML:使用PHP添加功能和交互性

簡介

HTML雖然是建立網站的基礎,但它本身缺乏互動性和進階功能。 PHP(超文本預處理語言)是一種伺服器端腳本語言,當您希望新增需要動態更新或與使用者互動的功能時,它可以將您的HTML擴展到更高的水平。

實戰案例:建立登入表單

讓我們建立一個使用PHP驗證使用者憑證的登入表單:

<!DOCTYPE html>
<html>
<head>
  <title>Login Form</title>
</head>
<body>
  <h1>Login</h1>
  <form action="login.php" method="post">
    <label for="username">Username:</label>
    <input type="text" name="username" id="username">
    <br>
    <label for="password">Password:</label>
    <input type="password" name="password" id="password">
    <br>
    <input type="submit" value="Login">
  </form>
</body>
</html>
<?php
// Connect to the database
$con = mysqli_connect("localhost", "root", "password", "db_name");

// Check if form is submitted
if (isset($_POST['username'])) {
  $username = mysqli_real_escape_string($con, $_POST['username']);
  $password = mysqli_real_escape_string($con, $_POST['password']);

  // Query the database to check if user exists
  $query = "SELECT * FROM users WHERE username='$username' AND password='$password'";
  $result = mysqli_query($con, $query);

  // If user exists, redirect to welcome page
  if (mysqli_num_rows($result) == 1) {
    header("Location: welcome.php");
  } else {
    echo "Invalid username or password";
  }
}
?>

PHP如何運作

PHP程式碼在伺服器上執行,在將HTML頁面傳送到瀏覽器之前對其進行修改。它使用8d8e2522a1f26fe88db102708ab49a31標記來將PHP程式碼嵌入HTML中。

在本範例中:

  1. 我們連接到資料庫並取得表單資料。
  2. 我們在資料庫中搜尋使用者憑證,如果找到符合項,我們使用header()函數重定向到歡迎頁面。
  3. 如果沒有找到符合項,我們顯示一則錯誤訊息。

結論

將PHP與HTML結合使用,您可以建立互動式、功能齊全的應用程式。從處理表單到創建動態內容,PHP為超越靜態網站提供了無限可能。

以上是超越基本 HTML:使用 PHP 添加功能和互動性的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn