зеркало из https://github.com/MicrosoftEdge/Demos.git
46 строки
1.3 KiB
HTML
46 строки
1.3 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||
<title>TODO app</title>
|
||
<link
|
||
rel="stylesheet"
|
||
href="styles/light-theme.css"
|
||
media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)"
|
||
/>
|
||
<link
|
||
rel="stylesheet"
|
||
href="styles/dark-theme.css"
|
||
media="(prefers-color-scheme: dark)"
|
||
/>
|
||
<link rel="stylesheet" href="styles/base.css" />
|
||
<link rel="stylesheet" href="styles/to-do-styles.css" />
|
||
<link
|
||
rel="icon"
|
||
href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>📋</text></svg>"
|
||
/>
|
||
</head>
|
||
|
||
<body>
|
||
<h1>📋 My tasks</h1>
|
||
<form>
|
||
<div class="new-task-form" tabindex="0">
|
||
<label for="new-task">➕ Add a task</label>
|
||
<input
|
||
id="new-task"
|
||
autocomplete="off"
|
||
type="text"
|
||
placeholder="Try typing 'Buy milk'"
|
||
pattern="[a-z|A-Z|0-9| |,|;|-]+"
|
||
title="Click to start adding a task"
|
||
/>
|
||
<input type="submit" value="➡️" />
|
||
</div>
|
||
<ul id="tasks"></ul>
|
||
</form>
|
||
|
||
<script src="to-do.js"></script>
|
||
</body>
|
||
</html>
|