PHP Post方法什么都不做-只有在样式消失时才能工作

Question

似乎无法实现这一点-只有在样式消失的情况下才能实现。有什么原因让我不能在造型保留的情况下让它发挥作用吗？有什么特别的设置需要我更改吗？我试过网上建议的大多数方法，但仍然不起作用。我已经做了好几个小时了。

<?php
if(isset($_POST['register'])) {
echo "Working";
}

?>
<form method="post" action="register.php">
<div class="row mb-3">
<div class="col-md-6">
<div class="form-floating mb-3 mb-md-0">
<input class="form-control" id="inputFirstName" type="text" placeholder="Enter your first name" />
<label for="inputFirstName">First name</label>
</div>
</div>
<div class="col-md-6">
<div class="form-floating">
<input class="form-control" id="inputLastName" type="text" placeholder="Enter your last name" />
<label for="inputLastName">Last name</label>
</div>
</div>
</div>
<div class="form-floating mb-3">
<input class="form-control" id="inputEmail" type="email" placeholder="[e-mail]" />
<label for="inputEmail">Email address</label>
</div>
<div class="row mb-3">
<div class="col-md-6">
<div class="form-floating mb-3 mb-md-0">
<input class="form-control" id="inputPassword" type="password" placeholder="Create a password" />
<label for="inputPassword">Password</label>
</div>
</div>
<div class="col-md-6">
<div class="form-floating mb-3 mb-md-0">
<input class="form-control" id="inputPasswordConfirm" type="password" placeholder="Confirm password" />
<label for="inputPasswordConfirm">Confirm Password</label>
</div>
</div>
</div>
<div class="mt-4 mb-0">
<div class="d-grid">
<a class="btn btn-primary btn-block" type="submit" name="register" id="register"> Create Account</a>
</div>
</div>
</form>
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" crossorigin="anonymous"></script>
<script src="js/scripts.js"></script>
</body>
</html>

Answer 1

您必须修复小错误才能使其运行。例如

错误：

<a class="btn btn-primary btn-block" type="submit" name="register" id="register"> Create Account</a>

右：

<input class="btn btn-primary btn-block" type="submit" name="register" id="register" value="Create Account">

或

<button class="btn btn-primary btn-block" type="submit" name="register" id="register"> Create Account</button>

你可以使用标签提交表格，但那是完全不同的事情。如果你想要的话，这篇文章会帮助你：一个作为提交按钮的标签？

这是您的代码的完整工作版本

<?php
if(isset($_POST["register"])) {
echo "Working";
}

?>
<form method="post" action="">
<div class="row mb-3">
<div class="col-md-6">
<div class="form-floating mb-3 mb-md-0">
<input class="form-control" id="inputFirstName" type="text" placeholder="Enter your first name" />
<label for="inputFirstName">First name</label>
</div>
</div>
<div class="col-md-6">
<div class="form-floating">
<input class="form-control" id="inputLastName" type="text" placeholder="Enter your last name" />
<label for="inputLastName">Last name</label>
</div>
</div>
</div>
<div class="form-floating mb-3">
<input class="form-control" id="inputEmail" type="email" placeholder="[e-mail]" />
<label for="inputEmail">Email address</label>
</div>
<div class="row mb-3">
<div class="col-md-6">
<div class="form-floating mb-3 mb-md-0">
<input class="form-control" id="inputPassword" type="password" placeholder="Create a password" />
<label for="inputPassword">Password</label>
</div>
</div>
<div class="col-md-6">
<div class="form-floating mb-3 mb-md-0">
<input class="form-control" id="inputPasswordConfirm" type="password" placeholder="Confirm password" />
<label for="inputPasswordConfirm">Confirm Password</label>
</div>
</div>
</div>
<div class="mt-4 mb-0">
<div class="d-grid">
<button class="btn btn-primary btn-block" type="submit" name="register" id="register"> Create Account</button>
</div>
</div>
</form>
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" crossorigin="anonymous"></script>
<script src="js/scripts.js"></script>
</body>
</html>

Answer 2

1. 首先，用输入标签替换标签标签。这些不会引起任何问题，只是你的写作方式不同寻常，不规则。

2. 其次，您必须使用按钮或输入标签来编写register按钮，这是您的主要问题。

或

<button class="btn btn-primary btn-block" type="submit" name="register" id="register"> Create Account</button>