Как получить список стран для HTML формы. Часть 1

Как получить список стран для HTML формы

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

Исходные файлы текущей статьи вы можете скачать по ссылке.

Итак, перед нами стоит простейшая с виду задача — найти список стран для вашей HTML формы. Сделать это можно несколькими способами. Если вы создаете полноценное приложение, тогда, пожалуй, самым правильным способом будет получить уже готовую базу данных со списком стран. В этом случае вам достаточно будет получить страны из БД и вывести их в выпадающем списке формы.

Где взять такую БД стран. Один из вариантов — БД world, которую можно скачать с официального сайта MySQL на этой странице. В дополнение вы получите не только список стран, но и список городов, а также множество дополнительных данных: количество населения, столица страны, код, язык и многое другое.

Это все, если речь идет о полноценном приложении. Но что делать, если вам не нужна БД, а нужен просто список стран для HTML формы? На самом деле это также не является проблемой. Все, что нам потребуется, это найти сайт, в котором уже есть форма с выпадающим списком стран. Как вариант такого сайта, можно взять Одноклассники:

Отлично! Это то, что нам и нужно. Теперь мы можем открыть консоль разработчика в браузере и просто скопировать HTML код интересующего нас элемента select.

Скопированный код вставляем в код нашей формы и получаем искомый список стран:

Собственно, задача решена по большому счету. Что нас может не устроить в данном решении так это то, что в качестве значений элементов списка option используются телефонные коды стран. Думаю, многие хотели бы вместо этого увидеть в качестве значения именно страну. Это также сделать вполне реально. Как это сделать быстро и просто — вы узнаете уже из следующей статьи.

На этом данную статью можно завершать. Если вас интересует тема валидации форм, рекомендую посмотреть этот урок. На этом все. Удачи!

Практика HTML5 и CSS3 с нуля до результата!

Получите бесплатный пошаговый видеокурс по основам адаптивной верстки с полного нуля на HTML5 и CSS3

Получить

Метки:

Комментарии Вконтакте:

Комментарии Facebook:

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Я не робот.

Spam Protection by WP-SpamFree