65 lines
2.4 KiB
HTML
65 lines
2.4 KiB
HTML
<!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> |