style: 统一表单输入框使用 form-floating 样式
重构多个表单页面的输入框样式,将普通输入框和标签组合改为使用 Bootstrap 的 form-floating 样式,提升表单的视觉一致性和用户体验
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user