Зарегистрироваться | Забыли пароль


Для начинающих

bottom

Уроки

bottom

Полезное

bottom

Файлы

bottom

Ссылки

bottom

Главная страница » Уроки по HTML

Переход по ссылкам при помощи формы

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

Пример

Создадим нашу форму и добавляем в нее несколько вариантов выбора:

<form action="#">
<select size="1" name="menu" onchange="self.location.href=this.form.menu.options
[this.form.menu.selectedIndex].value;"
>
<option value="">Страница 1</option>
<option value="page2.html">Страница 2</option>
<option value="page3.html">Страница 3</option>
<option value="page4.html">Страница 4</option>
<option value="page5.html">Страница 5</option>
</select>
</form>

Параметр onchange здесь и отвечает за мгновенную переадресацию без нажатия кнопки. Теперь как только мы выбираем один из пунктов, мы сразу переходим по ссылке, которая указана в параметре value. Параметр size отвечает за количество строк, которые мы видим изначально. Ну а name в принципе здесь никакой роли не играет это просто название.

Автор: Евгений Бочкарев · Урок добавлен: 29 Января 2010 в 00:11 · Просмотров: 333

Рекомендую
  • Currently 5.00/5
  • 1
  • 2
  • 3
  • 4
  • 5

Рейтинг: 5.0/5 (всего 1 голос)

Понравился сайт? Внесите свой вклад в его развитие?
R314489888859
41001346159934




   Комментарии к уроку (1)

12
Александр    Добавлено: 20-06-2010 в 20:45
Молодец Жень, искал как сделать, но все с Javascript-ами предлагают, а они у многих отключены по умолчанию, (да и предупреждения жуткие комп пишет, мол может повредить компьютеру)
 
34
12

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


Ваше имя:


Текст комментария:

Получать уведомления по Email могут только зарегистрированные пользователи. Регистрация
Введите цифры с картинки


 
34