Forum Webscript.Ru

Дизайн и Верстка => Всё о Html => Тема начата: yerdi от 10 Мая 2007, 17:47:05

Название: поле "свободного ввода"
Отправлено: yerdi от 10 Мая 2007, 17:47:05

Насколько я помню, по всем стандартам html 3 - 4 такого ещё нельзя сделать, но может кто даст совет как выкрутиться.
Что хочется? Нужен на веб-странице элемент совмещающий в себе как свойства " " и свойства "" - пользователю предоставляется на выбор либо выбрать вариант из справочника, либо ввести новое значение в поле ввода.
Как сверстать такое, чтобы было удобно и полезно? Есть ли типовое решение? Пока что в голову кроме того, чтобы воткнуть radio (переключатель) и навесить джава-скрипт на OnClick (менять свойство display:block на display:none ) ничего в голову не пришло. Есть другие идеи??

Название: поле "свободного ввода"
Отправлено: brainkiller от 10 Мая 2007, 19:02:23

Как вариант, можно использовать выпадающий список (select), в котором предусмотреть пункт "Ввести свое значение", при выборе которого пользователю показывается скрытое до этого текстовое поле.

Название: поле "свободного ввода"
Отправлено: yerdi от 11 Мая 2007, 10:20:03

brainkiller, неплохой тоже вариант. Сразу по аналогии придумал ещё вариант: есть текстовое поле, в которое всё вносится, а рядом стоит select в котором перечислены все ранее введенные значения и нулевой пункт "ввести новое значение". Ну и по Onchange делать
var Selct = document.getElementById(\'s001\');
var TxtFld = document.getElementById(\'s002\');
if ( Selct.selectedIndex > 0 ) { TxtFld.value = Selct.options[Selct.selectedIndex].text; } else {TxtFld.value = \'\';}

Название: поле "свободного ввода"
Отправлено: brainkiller от 11 Мая 2007, 16:36:29

yerdi
тоже вариант