Самоучитель по креативному веб-дизайну. Книга 1, стр.128

и значения таких полей Web-серверу вместе с остальными данными формы.)

Глава 3. HTML-формы 153





ПРАКТИКУМ

Пусть, например, требуется, чтобы Web-браузер отправлял Web-серверу все имена членов семьи, добавленные посетителем в список выбора из предыдущего приме — ра. Для этого вы должны вставить следующий JavaScript-код между начальным и конечным дескрипторами тела () HTML-страницы:





// Другие JavaScript-функции

function prepFormResuits(Form)

{

// Операторы для проверки, заполнены ли поля формы (если необходимо) .

// Вернуть значение false, если поля не заполнены,

var itemList = «»;

for (var i = 0; i

{

itemList = itemList +

Form. OldestFamilyMember. options[i].value;

}

Form. RelativeNameList. value = itemList;

return;

}

// Другие JavaScript-функции

// —>



Функция prepFromResuito в приведенном примере предполагает, что описа —

ние функции включает определение следующего скрытого поля, в которое она мо- жет поместить значения элементов списка выбора, объединенных в одну строку:


name=»RelativeNameList» value=»">



Кроме того, функция prepFromResuito предполагает, что дескриптор

формы содержит атрибут onSubmit, который указывает, что функция

prepFromResuito должна вызываться перед передачей результатов формы брау — зеру при нажатии кнопки Submit. (Нам необходимо, чтобы Web-браузер перед

передачей серверу результатов формы выполнял функцию prepFromResuito, ко —

торая помещает элементы списка выбора в скрытое поле формы с именем

RelativeNameList).



Создание на форме кнопки Reset

Большинство форм содержат кнопку сброса Reset, которую посетитель может нажать для приведения всех элементов формы (текстовых полей ввода, флажков,

переключателей> выпадающих списков) в исходное состояние.



ПРАКТИКУМ

Например, для помещения на форму кнопки Reset (показанной на рис. 3.12 в нижнем левом углу формы) необходимо вставить следующий дескриптор


со значением атрибута type, равным «reset » между начальным и конечным ат —

рибутами формы () в том месте, где эта кнопка должна находиться:




154 Глава 3. HTML-формы





Если вы хотите изменить заголовок кнопки Reset, включите в дескриптор

кнопки Reset соответствующий тест в качестве значения атрибута value. Например, ЧТОбЫ назвать КНОПКУ Reset «Очистить форму» («Clear Form»), определите следующий дескриптор
:


value=»Очистить форму»>



Несмотря на то что при нажатии кнопки Reset Web-браузер возвращает все элементы формы в их исходное состояние, он не перемещает курсор (или фо —

кус) на первый элемент формы. Как результат, после нажатия Reset для нача —

ла ввода данных посетитель сайта должен сам пролистать содержимое окна браузера до начала формы и поместить курсор на ее первый элемент. Если содержимое формы занимает несколько Web-страниц, на форму желательно поместить текстовое сообщение, указывающее, каким образом посетитель мо — жет перейти к началу формы. Кроме того, можно организовать так, чтобы курсор при нажатии кнопки Reset перемещался на первый элемент формы ав — томатически за счет выполнения Web-браузером сценария onReset. (В следу — ющем совете будет показано, каким образом можно вставит атрибут onReset

В деСКрИПТОр
форМЫ ДЛЯ ВЫПОЛНеНИЯ браузером Сценария onRese t

после нажатия кнопки Reset.)

Глава 3. HTML-формы 15 5



Предотвращение случайной очистки посетителем элементов формы

При нажатии кнопки Reset Web-браузер должен очистить все введенные посе — тителем сайта данные и восстановить исходное состояние для всех элементов

формы. К счастью, Web-браузеры «знают», что они должны делать в ответ на щелчок указателем мыши на кнопке Reset формы, поэтому вам не нужно писать сценарий, который бы выполнял функцию очистки формы. Тем не менее, если форма содержит большое количество элементов, или если посетитель вводит в многострочные поля ввода текста большой объем текста, желательно организо — вать удобное для пользователя поведение, при котором запрашивается подтверж — дение очистки данных формы перед фактической очисткой.

google.com bobrdobr.ru del.icio.us technorati.com linkstore.ru news2.ru rumarkz.ru memori.ru moemesto.ru

Оставить комментарий

Вы должны авторизоваться для отправки комментария.

Полезные ссылки
Случайные записи
  • 07.03.2011">Руководство по actionscript. часть 4, стр. 105
  • 03.02.2010">Создание графиков и диаграмм на JavaScript
  • 27.02.2011">Руководство по actionscript. часть 6, стр. 042
  • 11.05.2010">Самоучитель по креативному веб-дизайну. Книга 1, стр.20
  • 21.03.2011">Руководство по actionscript. часть 2, стр. 053
  • 19.05.2010">Самоучитель по креативному веб-дизайну. Книга 2, стр.23
  • 03.03.2011">Руководство по actionscript. часть 5, стр. 061
  • 03.06.2010">Самоучитель по креативному веб-дизайну. Книга 3, стр.96
  • 27.02.2011">Руководство по actionscript. часть 6, стр. 029
  • 17.05.2010">Самоучитель по креативному веб-дизайну. Книга 2, стр.126
  • 19.03.2011">Руководство по actionscript. часть 2, стр. 086
  • 11.03.2011">Руководство по actionscript. часть 4, стр. 017
  • 06.04.2010">Уроки и учебники по photoshop
  • 01.03.2011">Руководство по actionscript. часть 5, стр. 114
  • 17.05.2010">Самоучитель по креативному веб-дизайну. Книга 2, стр.114
Опрос

Какие цвета вы предпочитаете?

View Results

Loading ... Loading ...