【问题标题】:How to make PHP and CSS code work together如何让 PHP 和 CSS 代码协同工作
【发布时间】:2018-09-30 07:30:50
【问题描述】:

我正在做一个项目,使用 PHP、HTML 和 CSS 代码。问题是当我在没有 CSS 代码的情况下执行它时它可以工作,但是当我向它添加 CSS 时,“成功创建”的消息将显示在网页的底部状态栏上!为什么会发生这种情况,为什么不会显示在页面上?

这是我的 HTML 代码:

<div class="bg">
    <p><a href = "register.php">Register</a> | <a href="login.php">Login</a></p>
    <h3>Registration Form</h3>
    <form action="register.php" method = "POST">
        Email: <input type = "text" name = "email"><br />
        Username: <input type = "text" name = "user"><br />
        Password: <input type = "password" name = "pass"><br />
        <input type = "submit" value = "Login" name = "submit" />
    </form>
</div>

这是我的 PHP 代码:

if (isset($_POST["submit"])) {
    $email = $_POST['email'];
    $user = $_POST['user'];
    $pass = $_POST['pass'];

    $connection = mysqli_connect('localhost' , 'root' , '', 'website') or die(mysqli_error());
    mysqli_select_db($connection , "website") or die("can not select database");

    if ($connection) {
        $query = mysqli_query($connection ,"SELECT * FROM users WHERE username = '".$user."'");
        $numOfRows = mysqli_num_rows($query);
        if ($numOfRows == 0){
            $sql = "INSERT INTO users( email ,username , password) VALUES('$email', '$user' , '$pass')";
            $result = mysqli_query($connection , $sql);
            if($result) {
                echo "successfully Created";
            } else {
                echo "failure!";
            }
        } else {
            echo "Username already exist!";
        }
    } else {
        echo "can not connect to database";
    }
}

这是我的 CSS 代码:

body, html {
    height: 100%;
    margin: 0;
}

.bg {
    background-image: url("SARV.jpg");
    height: 100%; 
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

【问题讨论】:

    标签: javascript php html css


    【解决方案1】:

    因为您以纯文本回显而不是将其处理到您的 html 代码中。查看您的输出 html。

    【讨论】:

    • 对不起,我对 html 有点陌生,你能帮我更多吗?
    • 尝试了解html是如何产生的。 echo "
      successfully Created
      " 然后根据css。但这不是一个好的解决方案。只是一个例子
    猜你喜欢
    • 2010-11-24
    • 1970-01-01
    • 1970-01-01
    • 2020-01-17
    • 2017-11-15
    • 2020-01-13
    • 2014-11-12
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多