Формы по шагам

       

Использование блокирования поля


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<script>

function agreeForm(f) {

// Если поставлен флажок, снимаем блокирование кнопки

if (f.agree.checked) f.submit.disabled = 0

// В противном случае вновь блокируем кнопку

else f.submit.disabled = 1

}

</script>

</head>

<body>



<form>

<textarea cols="30" rows="4" readonly>

Типовой договор

Отдаю свою душу, а взамен получаю здоровье и бессмертие.

</textarea>

<p><input type="checkbox" name="agree" onClick="agreeForm(this.form)"> Я согласен со всеми условиями</p>

<p><input type="submit" name="submit" value="Далее" disabled></p>

</form>

</body>

</html>

Результат данного примера показан ниже.

function agreeForm(f) {

if (f.agree.checked) f.submit.disabled = 0 else f.submit.disabled = 1

}

Типовой договор

Отдаю свою душу, а взамен получаю здоровье и бессмертие.

Я согласен со всеми условиями

В данном примере применяется блокирование кнопки, но оно снимается, как только пользователь поставит флажок возле текста «Я согласен со всеми условиями».

Для блокирования поля используется параметр disabled. Добавление этого атрибута разрешает отображать элемент формы, но не позволяет изменять его, как показано в примере17.1.

Замечание

В некоторых случаях можно встретить запись disabled="disabled" или disabled="true". Она также работает, но имеет скорее отношение к XHTML. Впрочем, в HTML такая форма тоже действует.



Содержание раздела