Как оформить вашу автозаполненную форму таким образом, чтобы поля выходили вперед, а над другими полями - под ней? - PullRequest
0 голосов
/ 18 февраля 2012

По сути, я хотел бы, чтобы форма автозаполнения была стилизована таким образом, чтобы она находилась выше и выше других полей под ней.

У меня есть четыре поля и кнопка. 1. Имя 2. Электронная почта 3. Университет (автозаполнение поля) 4. Курс Отправить

Что происходит, когда пользователь нажимает на университет и печатает письмо? Автоматическое завершение работает, но список полей появляется за полем курса и кнопкой подтверждения.

Я бы показал картинку, но Stack over flow говорит, что я должен заработать 10 очков раньше.

Так что я надеюсь, что это имеет смысл.

Спасибо.

Ниже приведен HTML-код для определенного поля, в котором есть автозаполнение (поле университета):

<div class="wrapSearch">
<input name="university" type="text" class="required noUniversity" id="input1" value="University" onFocus="if (this.value == 'University') {this.value=''}" onBlur="if(this.value == '') {this.value='University'}" onkeyup="autoSuggest(this.id, 'listWrap1', 'searchList1', 'input1', event);" onkeydown="keyBoardNav(event, this.id);" maxlength="100" /> <div class="listWrap" id="listWrap1"> <ul class="searchList" id="searchList1"></ul></div></div>

Если вам нужна дополнительная информация о конкретном коде, чтобы помочь вам решить эту проблему, сообщите мне. Будем счастливы тоже!

Спасибо.

1 Ответ

0 голосов
/ 18 февраля 2012

Вам нужно взглянуть на некоторые примеры свойства CSS Z-index.Вы можете использовать его, чтобы заставить элементы появляться выше или ниже других элементов.Смотрите здесь http://www.w3schools.com/cssref/pr_pos_z-index.asp для хорошего описания.

...