表單中的提交按鈕不會重定向頁面

Question

我有以下 html 代碼，基本上有 3 個表單部分，第一個表單用於“登錄”，第二個和第三個用於“注冊”。 當我包含屬性“action =”connect.php”時，我希望只打印“hello”。

該代碼適用於第一種形式，正如我所期望的那樣被重定向，但第二種和第三種形式的操作不起作用。 控制台什么也沒顯示。

“截至目前，“Connect.php”與代碼位於同一文件夾中。” 我不確定組織這兩個文件 HTML 和 PHP 的正確方法。 如果有我必須遵循的標准，也請告訴我。

我是 HTML 和 css 的新手……試試我的手 如果我犯了任何錯誤，請告訴我

<div class="form-content">
                <form action = "connect1.php" method = "post" autocomplete = "off">
                    <div class="form-group"><input placeholder="Username" type="text" id="username_user" name="username_user" required oninvalid="InvalidMsg(this);" oninput="InvalidMsg(this);"/></div>
                    <div class="form-group"><input placeholder="Password" type="password" id="password_-user" name="password_user" required oninvalid="InvalidMsg(this);" oninput="InvalidMsg(this);" /></div>
                    <div class="form-group"><label class="form-remember"><input type="checkbox" />Remember Me</label><a class="form-recovery" href="#">Forgot Password?</a></div>
                    <div class="form-group"><button type="submit">LOGIN</button></div>
                    <div class="form-group"><button class="sign-up">SIGN UP</button></div>
                </form>
            </div>
        </div>
        <!-- Registration Panel -->
        <div class="form-panel two">
            <!-- NavBar (Patient or Doctor) -->
            <div class="topnav">
                <a class="nav-patient active">Patient</a>
                <a class="nav-doctor">Doctor</a>
            </div>
            <!-- Patient Registration Form -->
            <div class="registration-patient">
                <div class="form-header">
                    <h1>Register Patient</h1>
                    <h1 style="margin-top: -20px !important;">Account</h1>
                </div>
                <div class="form-content">
                    <form method = "post" action = "connect1.php"  autocomplete = "off">
                        <div class="form-group"><label for="username_patient">Username</label><input type="text" id="username_patient" name="username_patient" required /></div>
                        <div class="form-group"><label for="password_patient">Password</label><input type="password" id="password_patient" name="password_patient" required /></div>
                        <div class="form-group"><label for="cpassword_patient">Confirm Password</label><input type="password" id="cpassword_patient" name="cpassword_patient" required /></div>
                        <div class="form-group"><label for="email_patient">Email Address</label><input type="email" id="email_patient" name="email_patient" required /></div>
                        <div class="form-group"><button type="submit">REGISTER</button></div>
                    </form>
                </div>
            </div>
            <!-- Doctor Registration Form -->
            <div class="registration-doctor hidden">
                <div class="form-header">
                    <h1>Register Doctor</h1>
                    <h1 style="margin-top: -20px !important;">Account</h1>
                </div>
                <div class="form-content">
                    <form action = "connect1.php" method = "post"  autocomplete = "off">
                        <div class="form-group"><label for="username_doctor">Username</label><input type="text" id="username_doctor" name="username_doctor" required /></div>
                        <div class="form-group"><label for="password_doctor">Password</label><input type="password" id="password_doctor" name="password_doctor" required /></div>
                        <div class="form-group"><label for="password_chdoctor">Confirm Password</label><input type="password_chdoctor" id="cpassword" name="cpassword_doctor" required /></div>
                        <div class="form-group"><label for="email_doctor">Email Address</label><input type="email" id="email_doctor" name="email_doctor" required /></div>
                        <div class="form-group"><button type="submit">REGISTER</button></div>
                    </form>

connect.php 的內容

<?php 
echo "hello";
?>  

Answer 1

很高興你正在“嘗試你的手”。 我注意到您的大多數表單輸入都包含required屬性。 這樣做是告訴瀏覽器，如果該字段為空，則不要提交此表單。 例如：

<input type="email" id="email_patient" name="email_patient" required />

如果您刪除所需的關鍵字，它應該將表單提交到您預期的操作端點。

<input type="email" id="email_patient" name="email_patient"/>

至於如何最好地組織文件，這取決於您如何設計您的網站。 大多數站點都依賴於 Laravel 之類的框架，該框架有助於將請求路由到后端正確的 php 文件。 該類型系統如何工作的簡要概述：

1. 服務器將所有請求發送到單個入口點。 通常這是一個在根級別名為 index.php 的文件。
2. index.php 設置了所有請求所需的一些基本內容（引導），並確定后端需要哪些 php 文件來處理請求。
3. 請求被移交給適當的 php 控制器文件。
4. 該 php 控制器文件處理處理請求所需的邏輯
5. 通常將請求返回，並將正確的輸出發送回客戶端。

這是一個很大的話題。 但是如果你有興趣了解更多，我建議嘗試像 Laravel https://laravel.com/docs/9.x這樣的框架