html/lab6/task2/index.html - main - Coderdev/web-static-labs

html/lab6/task2/index.html
1 строка2 KB
Coderdev
30 мар 2026, 18:31
30 мар 2026, 18:31020a8dd
<!DOCTYPE html><html lang="ru"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Task 2 - Cookie баннер</title><link rel="stylesheet" href="style.css"></head><body><div class="container"><div class="topbar"><a class="back" href="../index.html">← Лаба 6</a><span class="badge">Cookies</span></div><div class="card"><h1>Настройка cookie</h1><p class="muted">Пользователь может либо сохранить cookie на выбранный срок, либо отказаться от хранения.</p><div class="row two"><div><label for="userName">Ваше имя</label><input id="userName" type="text" placeholder="Введите имя"></div><div><label for="cookieDays">Срок хранения cookie (дней)</label><select id="cookieDays"><option value="1">1 день</option><option value="3">3 дня</option><option value="7" selected>7 дней</option><option value="30">30 дней</option></select></div></div><div class="actions"><button id="saveBtn" type="button">Принять и сохранить</button><button id="declineBtn" class="secondary" type="button">Отказаться</button><button id="removeBtn" class="danger" type="button">Удалить cookie</button></div><p id="status" class="panel muted">Состояние ещё не выбрано.</p></div></div><div id="cookieBanner" class="cookie-banner" hidden><div class="cookie-inner"><div><strong>Этот сайт использует cookie</strong><p>Выберите срок хранения cookie или откажитесь от их сохранения.</p></div><div class="banner-controls"><select id="bannerDays"><option value="1">1 день</option><option value="3">3 дня</option><option value="7" selected>7 дней</option><option value="30">30 дней</option></select><button id="bannerAccept" type="button">Принять</button><button id="bannerDecline" class="secondary" type="button">Отказаться</button></div></div></div><script src="script.js"></script></body></html>