Initial commit
This commit is contained in:
65
static/add_user.html
Normal file
65
static/add_user.html
Normal file
@@ -0,0 +1,65 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-TW">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>新增用戶 - 用戶管理系統</title>
|
||||
<link rel="stylesheet" href="css/style.css">
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<h1>用戶管理系統 - 新增用戶</h1>
|
||||
|
||||
<div class="nav-links">
|
||||
<a href="index.html" class="nav-link">返回用戶列表</a>
|
||||
</div>
|
||||
|
||||
<!-- 用戶表單 -->
|
||||
<div class="form-container">
|
||||
<h2>新增用戶資料</h2>
|
||||
<form id="add-user-form">
|
||||
<div class="form-group">
|
||||
<label for="name">姓名:</label>
|
||||
<input type="text" id="name" required>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="email">電子郵件:</label>
|
||||
<input type="email" id="email" required>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="age">年齡:</label>
|
||||
<input type="number" id="age" min="0" required>
|
||||
</div>
|
||||
<div class="form-actions">
|
||||
<button type="submit" id="save-btn">儲存</button>
|
||||
<button type="button" id="reset-btn">重置</button>
|
||||
<button type="button" id="cancel-btn">取消</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<!-- 批量匯入 -->
|
||||
<div class="import-container">
|
||||
<h2>批量匯入用戶</h2>
|
||||
<form id="import-form" enctype="multipart/form-data">
|
||||
<div class="form-group">
|
||||
<label for="import-file">選擇檔案 (Excel 或 CSV):</label>
|
||||
<input type="file" id="import-file" name="file" accept=".csv, .xlsx, .xls" required>
|
||||
</div>
|
||||
<div class="form-actions">
|
||||
<button type="submit" id="import-btn">匯入</button>
|
||||
</div>
|
||||
</form>
|
||||
<div class="import-info">
|
||||
<p>支援的檔案格式: CSV, Excel (.xlsx, .xls)</p>
|
||||
<p>檔案必須包含以下欄位: name, email, age</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 訊息提示 -->
|
||||
<div id="message" class="message"></div>
|
||||
</div>
|
||||
|
||||
<script src="js/add_user.js"></script>
|
||||
</body>
|
||||
</html>
|
Reference in New Issue
Block a user