Форум программистов, компьютерный форум, киберфорум
Наши страницы
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.60/5: Рейтинг темы: голосов - 5, средняя оценка - 4.60
shavuz
114 / 120 / 25
Регистрация: 29.01.2014
Сообщений: 596
#1

Окно ввода с поиском

06.08.2014, 12:07. Просмотров 810. Ответов 5
Метки нет (Все метки)

Добрый день, начал изучать программирование для мобильных устройств на HTML5, нуждаюсь в строке которая будет принимать ввод от пользователя , и суда по тому что он ввел проверять есть ли такой в списке, если есть дополнять и выдавать результаты. например пользователь ввел Ва, ему дополнило Вася, Валя, он выбрал и ему показало имя и номер телефона.
Может кто то из Вас видел урок на эту тему ,или у кого то есть решение этой задачи, не получилось у меня найти внятного обьяснения. работаю с HTML5 и JS.
Спасибо
0
Лучшие ответы (1)
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
06.08.2014, 12:07
Ответы с готовыми решениями:

При нажатии на блок сделать активным окно ввода текста
подскажите пожалуйста как сделать чтоб при нажатии на блок становилось активным...

HELP. Проблема с поиском ошибок в файле
не могу найти ошибки! написал по заданию к зачету страничку и не получаеться...

Перенести блок с поиском под шапку
Здравствуйте. На сайте https://knigomania.org/ имеется адаптивный дизайн, но...

При вёрстке сайта обнаружилась странность с поиском в IE6
У меня обнаружилась проблема с IE6. Я начал вёрстку сайта и как обычно делал...

Посоветуйте легкий HTML редактор под XP с поиском ошибок
Собственно суть вопроса в заголовке сообщения. Иногда приходится на PHP...

5
МилокМурлыка
50 / 50 / 15
Регистрация: 25.04.2014
Сообщений: 106
06.08.2014, 12:22 #2
В HTML5 есть тег datalist. Вот пример:
HTML5
1
2
3
4
5
6
7
 <p>Выберите любимого персонажа:</p>
  <p><input list="character">
   <datalist id="character">
    <option value="Чебурашка"></option>
    <option value="Крокодил Гена"></option>
    <option value="Шапокляк"></option>
   </datalist></p>
Окно ввода с поиском
0
shavuz
114 / 120 / 25
Регистрация: 29.01.2014
Сообщений: 596
06.08.2014, 12:33  [ТС] #3
Вот спасибо! Работает. а есть ли возможность добавлять в этот список из JS? а не вписывать его в HTML
Название: Capture.JPG
Просмотров: 44

Размер: 14.0 Кб
0
shavuz
114 / 120 / 25
Регистрация: 29.01.2014
Сообщений: 596
06.08.2014, 12:51  [ТС] #4
все таки есть проблемка, даталист не работает в мобильных устройствах
0
KOPOJI
Почетный модератор
Эксперт HTML/CSSЭксперт PHP
16750 / 6641 / 862
Регистрация: 12.06.2012
Сообщений: 19,887
Завершенные тесты: 1
06.08.2014, 12:52 #5
Лучший ответ Сообщение было отмечено shavuz как решение

Решение

есть, конечно.
Как вариант, например, так
Javascript
1
document.getElementById('character').innerHTML += '...'
0
Eugene-nsk
28 / 28 / 8
Регистрация: 27.07.2014
Сообщений: 185
06.08.2014, 22:37 #6
Цитата Сообщение от shavuz Посмотреть сообщение
все таки есть проблемка, даталист не работает в мобильных устройствах
Safari его тоже не понимает и IE ниже 10
0
06.08.2014, 22:37
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
06.08.2014, 22:37

HTML!? Есть поле ввода Type text, после ввода текста и нажатия entrer теряется фокус, как его оставить в этом же поле?
HTML!? Есть поле ввода Type text, после ввода текста и нажатия entrer теряется...

Как найти и уничтожить пробел или TAB в коде? простым поиском символов результата не получил =(
http://autotender.by/ вверху светло-голубая полоска это фон, на котором...

Окно ввода пароля
извините за глупый вопос,но я не могу это выдерживать:) после загрузки...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
6
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru