-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
91 lines (91 loc) · 2.87 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
<!DOCTYPE html>
<html>
<head>
<title>Memory Cards</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="index.css" type="text/css" media="screen" />
</head>
<body>
<div id="wrapper">
<section id="cards-main">
<header>
<span>导入 </span>
<h2>Memory Cards</h2>
<span>New</span>
<input type="file" hidden onchange="getExtraCardsData(this)" />
</header>
<article>
<!-- 卡片放置区 -->
</article>
<nav>
<span>编辑</span>
<span>删除</span>
<i>⬅️</i>
<form>
<input type="text" autocomplete="off" maxlength="9"/>
</form>
<i>➡️</i>
<i>🔄</i>
<span>标记</span>
</nav>
<aside>
<span>Clear Cards</span>
<span>Export Cards</span>
<span>List All Cards</span>
</aside>
</section>
<section id="card-create">
<header>
<h2> Add New Card </h2>
<i>✖️</i>
</header>
<article>
<div>
<label for="etyma-name">词根</label>
<textarea id="etyma-name" placeholder="输入词根..."></textarea>
</div>
<div>
<label for="etyma-value">词根释义</label>
<textarea id="etyma-value" placeholder="输入词根的意思..."></textarea>
</div>
<div>
<label for="etyma-example-name">示例</label>
<textarea id="etyma-example-name" placeholder="词根用例..."></textarea>
</div>
<div>
<label for="etyma-example-value">示例释义</label>
<textarea id="etyma-example-value" placeholder="词根用例释义..."></textarea>
</div>
<div>
<label for="etyma-belong">分类</label>
<textarea id="etyma-belong" placeholder="belong..."></textarea>
</div>
<input type="submit" value="提交" />
</article>
</section>
<section id="cards-all">
<header>
<span>打开/折叠</span>
<h2> 全部的词根 </h2>
<i>✖️</i>
</header>
<nav>
<form name="card-filter">
<select name="select">
<option value="all" selected>all</option>
<option value="mark">mark</option>
<option value="unmark">unmark</option>
<option value="belong">belong</option>
</select>
<input name="filter" type="text" placeholder="filter"/>
<button>过滤</button>
</form>
</nav>
<article>
</article>
</section>
</div>
<script src="index.js"></script>
</body>
</html>