init

02-ui/05-widgets/06-widget-tasks/08-autocomplete/task.md

@@ -0,0 +1,36 @@
+# Автокомплит
+
+[importance 4]
+
+Создайте `input` с автодополнением из списка.
+
+Список задаётся массивом, например:
+
+```js
+var list = [ 
+  'Человек',
+  'Че Гевара',
+  'Яблоко',
+  'Ноутбук',
+  'Но Пасаран!'
+];
+
+var autocomplete = new Autocomplete({ 
+  elem: $('#search'),
+  data: list
+});
+```
+
+Результат:
+[iframe src="solution" border=1]
+
+Требования:
+<ul>
+<li>Автодополнение начинается со 2го символа.</li>
+<li>Выпадающий список перекрывает документ, навигация по нему клавишами ↑ и ↓, выбор: → или Enter, скрытие списка Escape.</li>
+<li>Событие `change` при нажатии Enter.</li>
+</ul>
+
+Поддержка кликов мыши, а также получение списка с сервера не требуются, но могут быть добавлены в будущем. 
+
+Исходный документ -- пустой HTML, ну или [поиск Google с автокомплитом](http://google.com) ;)