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

Для начала нам необходимо создать HTML-разметку, при этом правильно подключить все скрипты, как можно заметить, разметка является не столь сложной:

Следующим шагом будет создание стилей CSS. Зададим стили для формирования внешнего вида нашего кода.

В пакете с исходниками присутствуют дополнительные файлы CSS: css/jquery.autocomplete.css + css/indicator.gif. Оба файла генерируются при формировании пакете с плагином jQuery Аutocomplete при заполнении формы на сайте jQuery.

В нашем проекте они используются как есть без изменений. Теперь создадим код, который будет выполнять автозаполнение полей формы.

Мы используем плагин jQuery  Autocomplete. В первом случае задаются значения непосредственно в коде JavaScript. Для второго и третьего варианта используется PHP файл (определяются два разных источника данных — XML и SQL). В пакете с исходниками также включены два других файла JavaScript. Теперь формируем код, который будет возвращать данные для плагина Autocomplete:

Вот на этом автозаполение готово. Материал взят из зарубежного источника. И представлен исключительно в ознакомительных целях.