Поле ввода текста в форме HTML

Question

Я пытаюсь изменить одно из моих полей ввода текста в имеющейся форме.Я хотел бы, чтобы предложения появлялись как пользовательские типы.По сути, я хотел бы эмулировать поле «Теги», которое находится на страницах вопросов и ответов здесь, в Переполнении стека, но с другими данными, как, очевидно, в предложениях.Как бы я поступил так?

Для контекста, это для клуба в колледже, и я пытаюсь разрешить участникам вводить свои специальности, и, когда они пишут, появляются предложения.

Answer 1

Этот фрагмент из Cena Mayo сделал именно то, что я искал:

<input id="color" list="suggestions">
<datalist id="suggestions">
    <option value="Black">
    <option value="Red">
    <option value="Green">
    <option value="Blue">
    <option value="White">
</datalist>

Answer 2

jQuery имеет плагин автозаполнения, который вы можете использовать: http://docs.jquery.com/Plugins/autocomplete

Это зависит от того, какой язык / платформа / и т. Д. вы используете также. Я в основном разработчик .NET, и я использовал следующее:

1. SQL Server для хранения данных
2. Веб-формы или MVC для веб-приложения
3. Обработчик ashx для извлечения и форматирования предложений
4. плагин jQuery выше для отображения результатов, возвращаемых ашхом под полем ввода

Надеюсь, это поможет!

Answer 3

Что ж, если вы хотите получить информацию из базы данных об часто используемых или уже созданных элементах, вам понадобится не только HTML. Если вы просто хотите, чтобы форма подсказывала, что люди уже вводили в своих сеансах просмотра, форма сделает это автоматически.

На что я могу указать вам это сообщение парней . Он обрисовывает в общих чертах и ​​дает основной код, который поможет вам начать работу по автоматическому предложению в формах. Он даже дает вам файлы, чтобы начать работу, но вам придется выполнить некоторые действия по модификации.

Также позже в посте кто-то добавляет это, чтобы перейти в файл ajax_framework.

`function clearsuggest () {

e = document.getElementById ('результаты');

e.style.display = "нет"; } `

В search.php: onClick="fill();clearsuggest();return false;"

Этот раздел кода очистит предложения после щелчка предложения. Надеюсь, это поможет и удачи.

Answer 4

Для Unix-подобной среды (Linux, FreeBSD и т. Д.) Я написал следующие инструменты автозаполнения: http://olegh.ftp.sh/autocomplete.html

Он потребляет очень мало системных ресурсов и может обрабатывать огромные словари: более 10 000 000 записей в порядке.

И этот инструмент не использует базу данных SQL, поскольку SQL работает медленно.