Как создать выпадающее меню в Dreamweaver

Варианты доступности:

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

Когда у вас появится раскрывающееся меню в режиме конструктора Dreamweaver, вам необходимо добавить в него различные элементы. Сначала выберите выпадающее меню, нажав на него. Dreamweaver поместит еще одну пунктирную линию вокруг выпадающего меню, чтобы показать, что вы выбрали его.

Меню свойств изменится на список / свойства меню для этого выпадающего меню. Там вы можете дать своему меню идентификатор (где оно говорит «выбрать»), решить, хотите ли вы, чтобы оно было списком или меню, присвоить ему класс стилей из таблицы стилей и назначить значения для раскрывающегося списка.

Dreamweaver вызывает раскрывающееся меню любого раскрывающегося меню, которое допускает только один выбор. «Список» допускает несколько вариантов в раскрывающемся списке и может иметь более одного элемента.

Если вы хотите, чтобы раскрывающееся меню занимало несколько строк, измените его на тип «список» и оставьте флажок «выбор» не отмеченным.

Чтобы добавить новые элементы в ваше меню, нажмите кнопку «Список значений …». Это откроет окно выше. Введите ярлык вашего товара в первом поле. Это то, что будет отображаться на странице. Если вы оставите значение пустым, это также то, что будет отправлено в форме.

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

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

После завершения редактирования свойств Dreamweaver отобразит раскрывающийся список с выбранным значением по умолчанию.

Если вы переключитесь в режим просмотра кода, вы увидите, что Dreamweaver добавляет выпадающее меню с очень чистым кодом. Единственными дополнительными атрибутами являются те, которые мы добавили с опциями доступности. Код весь с отступом и очень легко читается и понимается.

Если вы сохраните документ и просмотрите его в веб-браузере, вы увидите, что раскрывающееся меню выглядит так, как вы ожидаете.

Меню, которое мы создали выше, выглядит хорошо, но ничего не делает. Чтобы заставить его что-то делать, вам нужно настроить действие формы на самой форме.

К счастью, Dreamweaver имеет встроенную форму выпадающего меню, которую вы можете сразу использовать на своем сайте, не изучая формы, CGI или скрипты. Это называется Jump Menu.

Меню перехода Dreamweaver устанавливает раскрывающееся меню с именами и URL-адресами. Затем вы можете выбрать пункт в меню, и веб-страница переместится в это место, как если бы вы щелкнули ссылку.

Перейдите в меню «Вставка» и выберите «Форма», а затем «Меню перехода»

Нажмите на добавить элемент, чтобы добавить новый элемент в меню переходов. Добавьте столько предметов, сколько пожелаете.

После того, как вы добавили все ссылки, которые вы хотите, вы должны выбрать свои варианты:

Дайте вашему меню уникальный идентификатор для страницы. Это необходимо для правильной работы скрипта. Это также позволяет вам иметь несколько меню перехода в одной форме — просто дать им все разные имена.

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

Выберите это, если у вас есть приглашение, такое как «Выберите один», в качестве первого пункта меню. Это гарантирует, что этот элемент останется по умолчанию на странице.

Как и в первом меню, Dreamweaver настраивает ваше меню переходов в режиме конструктора с видимым элементом по умолчанию. Затем вы можете редактировать раскрывающееся меню, как и любое другое.

Если вы его редактируете, убедитесь, что не изменили идентификаторы элементов, иначе скрипт может не работать.