Question

我的页面是一个简单的密码解锁器，但是帖子提交表单按钮无法正常工作......

<div class="content">
            <form action="/action_page.php" method="post">
                <div class="user-profile">        
                    <div class="author">
                        <img class="avatar" src="../../assets/img/default-avatar.png" alt="...">
                    </div> 
                    <h4>User Unlock</h4> 
                    <div class="form-group">
                        <input type="password" placeholder="Enter Password" class="form-control">
                    </div>
                    <button type="button" class="btn btn-neutral btn-round btn-fil btn-wd">Unlock</button>                                 
                </div>
            </form>
        </div>

当我点击按钮时没有任何事情发生..

它不会重定向到action_page.php，也不会发送任何数据。

Answer 1

检查新版本。

您添加了<button>。您需要添加<input type="submit">。像这样：

<div class="content">
            <form action="/action_page.php" method="post">
                <div class="user-profile">        
                    <div class="author">
                        <img class="avatar" src="../../assets/img/default-avatar.png" alt="...">
                    </div> 
                    <h4>User Unlock</h4> 
                    <div class="form-group">
                        <input type="password" placeholder="Enter Password" class="form-control">
                    </div>
                    <input type="submit" class="btn btn-neutral btn-round btn-fil btn-wd" value="Unlock">                                 
                </div>
            </form>
        </div>

如果您有任何问题，请告诉我。

Answer 2

如果action_page.php与当前页面位于同一文件夹中，则不需要反斜杠。所以把它改成

<form action="action_page.php" method="post">

另外，如果要重定向到action_page.php，则必须将按钮声明为提交

<button type="submit" class="btn btn-neutral btn-round btn-fil btn-wd">Unlock</button>

HTML POST提交按钮不起作用

2 个答案: