php制作手机端登录网页（手机建网页）

作者：淺墨发布日期:2025-09-20 浏览:616

要制作手机端登录网页，可以使用PHP和HTML/CSS来实现。以下是一个简单的示例：

HTML代码（index.html）：

<!DOCTYPE html>
<html>
<head>
    <title>手机端登录网页</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
    <div class="container">
        <h2>手机端登录</h2>
        <form action="login.php" method="POST">
            <label for="username">用户名:</label>
            <input type="text" id="username" name="username" required>
            <label for="password">密码:</label>
            <input type="password" id="password" name="password" required>
            <input type="submit" value="登录">
        </form>
    </div>
</body>
</html>

CSS代码（style.css）：

.container {
    max-width: 400px;
    margin: 0 auto;
    padding: 20px;
    background-color: #f2f2f2;
    border-radius: 5px;
}

h2 {
    text-align: center;
    margin-bottom: 20px;
}

label {
    display: block;
    margin-bottom: 10px;
}

input[type="text"],
input[type="password"] {
    width: 100%;
    padding: 10px;
    margin-bottom: 20px;
}

input[type="submit"] {
    width: 100%;
    padding: 10px;
    background-color: #4CAF50;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

input[type="submit"]:hover {
    background-color: #45a049;
}

PHP代码（login.php）：

<?php
if ($_SERVER["REQUEST_METHOD"] == "POST") {
    $username = $_POST["username"];
    $password = $_POST["password"];

    // 在这里进行登录验证
    // ...

    // 假设验证通过
    echo "登录成功！";
}
?>

以上代码将创建一个简单的手机端登录网页，用户输入用户名和密码后，点击登录按钮将提交表单到login.php进行登录验证。你可以在login.php中添加实际的登录验证逻辑，比如检查用户名和密码是否匹配数据库中的记录。

上一篇：如何生成php文件（php引入php文件）

下一篇：php 数组获取指定（php中定义数组的方法）