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

@@ -123,7 +123,10 @@ $tagResult = $conn->query("SELECT id, name FROM tags ORDER BY name");
<form method="get" action="tags.php" class="mb-4">
<div class="row g-3">
<div class="col-md-6">
<input type="text" name="search" class="form-control" placeholder="搜索应用..." value="<?php echo isset($_GET['search']) ? htmlspecialchars($_GET['search']) : ''; ?>">
<div class="form-floating">
<input type="text" name="search" class="form-control" id="searchInput" placeholder="搜索应用..." value="<?php echo isset($_GET['search']) ? htmlspecialchars($_GET['search']) : ''; ?>">
<label for="searchInput">搜索应用...</label>
</div>
</div>
<div class="col-md-2">
<button class="btn btn-primary w-100" type="submit">搜索</button>