WebUniversity/Lessons1-2/asks.html at master · Amikuto/WebUniversity · GitHub

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
<!DOCTYPE html>
<html>
<head>
  <title>Task</title>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <link rel="stylesheet" href="css/ask-css.css">
</head>

<body class="background">
<h1>Форма опроса</h1>
<div class="layer3">
</div>
<div class="main-layer">
  <div class="task">
    <h2>Условие задачи:</h2>

    <p>Реализовать форму опроса</p>
    <p>Вы создадите 5 основных компонентов, которые необходимо включить в форму опроса.</p>
    <ul>
    <li>Заголовок
    <li>Короткий абзац с подробным описанием формы
    <li>Различные формы ввода, такие как обычный текст, номер, электронная почта, раскрывающийся список, переключатель, флажок и текстовая область
    <li>Кнопка отправки для отправки данных
    </ul>
    <p>Обязательно сделать стилизацию опроса при помощи CSS. Для решения задачи не использовать фреймворки.</p>
  </div>

  <div class="forms">
    <h1>Сколько времени в день вы тратите на программирование?</h1>
    <h2>Информация о себе</h2>
    <form name="contact-form">
      <p>Ф.И.О.</p><input type=text name="fio" size=37 maxlength=100>
      <p>Email:</p><input type=text name="email" size=37 maxlength=80>
      <p>Ваше оценка стилю этого опроса(1-очень плохо; 10-очень хорошо):</p><input type=text name="email" size=37 maxlength=2><br>
    </form>

    <div class="programming-lang">
    <form>
      <h2>Какой язык вы изучаете в данный момент?</h2>
      <label>
      <input type=checkbox name="dist" value="yes" checked> Java
      <input type=checkbox name="dist" value="yes" checked> Python
      <input type=checkbox name="dist" value="yes" checked> C++
      <input type=checkbox name="dist" value="yes" checked> C#
      <input type=checkbox name="dist" value="yes" checked> R
      <input type=checkbox name="dist" value="yes" checked> Ruby
      <input type=checkbox name="dist" value="yes" checked> JavaScript
      <input type=checkbox name="dist" value="yes" checked> Другое
      </label>
    </form>
    </div>

    <h2>Какая парадигма программирования рулит?</h2>
    <form name="selecter">
      <label>
        <select name="country">
          <option value="Imperial">Императивное программирование
          <option value="Declarative">Декларативное программирование
          <option value="Structural">Структурное программирование
          <option value="Functional">Функциональное программирование
          <option value="Logical">Логическое программирование
          <option value="OOP">Объектно-ориентированное программирование
        </select>
      </label>
    </form>

    <form name="raider">
      <h2>Вы довольны своими знаниями?</h2>
      <label>
      <input type="radio" name="abc" value="">Да
      <input type="radio" name="abc" value="">Нет
      <input type="radio" name="abc" value="" checked>Я не готов дать точный ответ
      </label>
    </form>

    <h2>Вам понравился данный опрос? Нас интересует ваше мнение!</h2>
      <label>
        <textarea rows="5" cols="30" name=""></textarea>
      </label>
    <p><input type="submit" value="Отправить"></p>
  </div>
</div>
</body>
</html>