style: 统一表单输入框使用 form-floating 样式

重构多个表单页面的输入框样式,将普通输入框和标签组合改为使用 Bootstrap 的 form-floating 样式,提升表单的视觉一致性和用户体验
This commit is contained in:
2025-07-07 22:08:17 +08:00
parent a631bdc5b5
commit e5bcd5e039
8 changed files with 65 additions and 62 deletions

View File

@@ -105,17 +105,17 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST') {
<div class="alert alert-danger" role="alert"><?php echo $error; ?></div>
<?php endif; ?>
<form method="post">
<div class="mb-3">
<label for="username" class="form-label">用户名</label>
<input type="text" id="username" name="username" class="form-control" required>
<div class="form-floating mb-3">
<input type="text" class="form-control" id="username" name="username" required>
<label for="username">用户名</label>
</div>
<div class="form-group">
<label for="email" class="form-label">邮箱</label>
<input type="email" id="email" name="email" class="form-control" required>
<div class="form-floating mb-3">
<input type="email" class="form-control" id="email" name="email" required>
<label for="email">邮箱</label>
</div>
<div class="mb-3">
<label for="password" class="form-label">密码</label>
<input type="password" id="password" name="password" class="form-control" required>
<div class="form-floating mb-3">
<input type="password" class="form-control" id="password" name="password" required>
<label for="password">密码</label>
</div>
<div class="mb-3 form-check">
<input type="checkbox" class="form-check-input" id="agree" name="agree" required>