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

@@ -153,9 +153,9 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST' && isset($_POST['add_app'])) {
<h2>添加App</h2>
<form method="post" enctype="multipart/form-data">
<div class="mb-3">
<label for="name" class="form-label">App名称</label>
<div class="form-floating mb-3">
<input type="text" class="form-control" id="name" name="name" required>
<label for="name">App名称</label>
</div>
<div class="mb-3">
<label for="tags" class="form-label">标签</label>
@@ -169,9 +169,9 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST' && isset($_POST['add_app'])) {
</select>
<small class="form-text text-muted">按住Ctrl键可选择多个标签</small>
</div>
<div class="mb-3">
<label for="description" class="form-label">描述</label>
<div class="form-floating mb-3">
<textarea class="form-control" id="description" name="description" rows="3" required></textarea>
<label for="description">描述</label>
</div>
<div class="mb-3">
<label for="age_rating" class="form-label">年龄分级</label>
@@ -182,9 +182,9 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST' && isset($_POST['add_app'])) {
<option value="17+">17+</option>
</select>
</div>
<div class="mb-3" id="ageRatingDescriptionGroup" style="display: none;">
<label for="age_rating_description" class="form-label">年龄分级说明</label>
<div class="form-floating mb-3" id="ageRatingDescriptionGroup" style="display: none;">
<textarea class="form-control" id="age_rating_description" name="age_rating_description" rows="3" placeholder="请说明为何需要此年龄分级"></textarea>
<label for="age_rating_description">年龄分级说明</label>
<div class="form-text">当年龄分级为12+或以上时,此项为必填</div>
</div>
@@ -235,21 +235,21 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST' && isset($_POST['add_app'])) {
</div>
</div>
</div>
<div class="mb-3">
<label for="version" class="form-label">版本号</label>
<div class="form-floating mb-3">
<input type="text" class="form-control" id="version" name="version" required>
<label for="version">版本号</label>
</div>
<div class="mb-3">
<label for="changelog" class="form-label">更新日志</label>
<div class="form-floating mb-3">
<textarea class="form-control" id="changelog" name="changelog" rows="3" required></textarea>
<label for="changelog">更新日志</label>
</div>
<div class="mb-3">
<label for="app_file" class="form-label">App文件</label>
<div class="form-floating mb-3">
<input class="form-control" type="file" id="app_file" name="app_file" required>
<label for="app_file">App文件</label>
</div>
<div class="mb-3">
<label for="images" class="form-label">预览图片 (可多选)</label>
<div class="form-floating mb-3">
<input class="form-control" type="file" id="images" name="images[]" multiple>
<label for="images">预览图片 (可多选)</label>
</div>
<button type="submit" class="btn btn-primary" name="add_app">添加App</button>
<a href="index.php" class="btn btn-secondary ms-2">取消</a>