mirror of
https://github.com/olehomelchenko/minivlat-local-ua.git
synced 2025-12-21 21:22:24 +00:00
103 lines
5.9 KiB
HTML
103 lines
5.9 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>Questionnaire</title>
|
||
<link rel="stylesheet" href="css/styles.css">
|
||
</head>
|
||
<body>
|
||
<div class="container">
|
||
<h1>Анкета учасника(ці)</h1>
|
||
<div id="error-message" style="display: none; color: red; margin-bottom: 1rem;"></div>
|
||
<form id="questionnaire-form">
|
||
<label for="age">Вік:</label>
|
||
<input type="number" id="age" name="age" required min="10" max="100">
|
||
|
||
<label for="gender">Ґендер:</label>
|
||
<select id="gender" name="gender" required>
|
||
<option value="" selected disabled></option>
|
||
<option value="male">Чоловік</option>
|
||
<option value="female">Жінка</option>
|
||
<option value="other">Небінарна персона / Інше</option>
|
||
<option value="prefer_not_to_say">Не бажаю відповідати</option>
|
||
</select>
|
||
|
||
<label for="education">Найвищий здобутий рівень освіти:</label>
|
||
<select id="education" name="education" required>
|
||
<option value="" selected disabled></option>
|
||
<option value="highschool">Середня школа</option>
|
||
<option value="bachelors">Бакалавр</option>
|
||
<option value="masters">Магістр</option>
|
||
<option value="doctorate">Доктор наук</option>
|
||
</select>
|
||
|
||
<label for="color-blind">Чи маєте ви дальтонізм (кольорову сліпоту)?</label>
|
||
<select id="color-blind" name="color-blind" required>
|
||
<option value="" selected disabled></option>
|
||
<option value="yes">Так</option>
|
||
<option value="no">Ні</option>
|
||
<option value="maybe">Не бажаю відповідати</option>
|
||
</select>
|
||
|
||
<label for="familiarity">Ваш досвід роботи з візуалізацією даних:</label>
|
||
<select id="familiarity" name="familiarity" required>
|
||
<option value="" selected disabled></option>
|
||
<option value="not_familiar">Я ніколи не працював(ла) професійно з візуалізацією даних</option>
|
||
<option value="somewhat">Я дещо знайомий(а) з візуалізацією даних</option>
|
||
<option value="very_familiar">Я самостійно створював(ла) візуалізації даних</option>
|
||
</select>
|
||
|
||
<label for="english-level">Рівень англійської мови:</label>
|
||
<select id="english-level" name="english-level" required>
|
||
<option value="" selected disabled></option>
|
||
<option value="beginner">Початковий</option>
|
||
<option value="intermediate">Середній</option>
|
||
<option value="advanced">Високий</option>
|
||
<option value="native">Рідна мова</option>
|
||
</select>
|
||
|
||
<label for="ukrainian-level">Рівень української мови:</label>
|
||
<select id="ukrainian-level" name="ukrainian-level" required>
|
||
<option value="" selected disabled></option>
|
||
<option value="native">Рідна мова</option>
|
||
<option value="beginner">Початковий</option>
|
||
<option value="intermediate">Середній</option>
|
||
<option value="advanced">Високий</option>
|
||
</select>
|
||
|
||
<label for="visualization-difficulty">Наскільки складно вам було сприймати зміст візуалізацій (графіків):</label>
|
||
<select id="visualization-difficulty" name="visualization-difficulty" required>
|
||
<option value="" selected disabled></option>
|
||
<option value="easy">Легко</option>
|
||
<option value="moderate">Помірно</option>
|
||
<option value="difficult">Важко</option>
|
||
</select>
|
||
|
||
<label for="quiz-difficulty">Наскільки складно вам було сприймати зміст питань тесту:</label>
|
||
<select id="quiz-difficulty" name="quiz-difficulty" required>
|
||
<option value="" selected disabled></option>
|
||
<option value="easy">Легко</option>
|
||
<option value="moderate">Помірно</option>
|
||
<option value="difficult">Важко</option>
|
||
</select>
|
||
|
||
<label for="kse-affiliation">Ви студент(ка), викладач(ка)/співробітник(ця) закладу вищої освіти?</label>
|
||
<select id="kse-affiliation" name="kse-affiliation" required>
|
||
<option value="" selected disabled></option>
|
||
<option value="neither">Ні</option>
|
||
<option value="kse_student">Студент(ка) КШЕ</option>
|
||
<option value="other_student">Студент(ка) іншого ЗВО</option>
|
||
<option value="kse_teacher_employee">Викладач(ка)/Співробітник(ця) КШЕ</option>
|
||
<option value="other_teacher_employee">Викладач(ка)/Співробітник(ця) іншого ЗВО</option>
|
||
</select>
|
||
|
||
<label for="comments">Додаткові коментарі:</label>
|
||
<textarea id="comments" name="comments" rows="4"></textarea>
|
||
|
||
<button type="submit">Надіслати</button>
|
||
</form>
|
||
</div>
|
||
<script src="js/questionnaire.js"></script>
|
||
</body>
|
||
</html> |