Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > JavaScript: Общие вопросы > Добавление нового поля input


Автор: savmp 31.10.2012, 23:21
Здравствуйте!

Кто может подсказать как реализовать такое?

Есть форма.
Есть поля для ввода в форму:

<input name="A" type="text" maxlength="100" />
<input name="B" type="text" maxlength="100" />
<input name="C" type="text" maxlength="100" />

Как сделать так, чтобы при загрузке страницы отображалось только:
<input name="A" type="text" maxlength="100" />

НО как только я ввожу в input name="A" к примеру 3 знака
появляется ниже
<input name="B" type="text" maxlength="100" />

НО как только я ввожу в input name="B" к примеру 3 знака
появляется ниже
<input name="C" type="text" maxlength="100" />

И в конце после заполнения всех полей появляется кнопка

Большое спасибо всем тем кто поможет!

Автор: skyboy 1.11.2012, 01:18
Цитата(savmp @  31.10.2012,  22:21 Найти цитируемый пост)
Как сделать так, чтобы при загрузке страницы отображалось только:

Код

<input name="A" type="text" maxlength="100" />
<input name="B" type="text" maxlength="100" style="display: none;" />
<input name="C" type="text" maxlength="100" style="display: none" />

или через CSS, если "по-взрослому", а не "по-быстрому"
или через visibility: hidden, если по стабильному, шоб соседняя верстка не прыгала
затем через обработку onchange проверяешь количество уже введенных символов и показываешь следующий элемент

Автор: savmp 1.11.2012, 14:52
А как это сделать?

Автор: Aliance 1.11.2012, 16:14
Цитата(savmp @  1.11.2012,  15:52 Найти цитируемый пост)
А как это сделать? 

А что ты уже сделал / попытался сделать?

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)