Добавляем...


Блокировка полей
Заблокированные поля формы не принимают данные от пользователя, не являются частью порядка перехода по табуляции на странице, и их значения не отправляются вместе с остальной частью содержимого формы. Чтобы выполнить блокировку поля в браузере, поддерживающем XHTML 1.0 или HTML 4.0, достаточно указать соответствующее значение атрибута disabled, как показано ниже:

<input type~"text" value="Can't Touch This" name="fieldl" id="fieldl" disabled="true" />

Браузер обычно представляет заблокированные поля в "бледном" виде.
С помощью JavaScript можно назначать и отменять блокировку полей в зависимости от контекста. Следующий пример показывает, как это сделать.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtmll/DTD/xhtmll-transitional.dtd">
<html>
<head>
<tit1е>Демонстрация блокировки полей</tit1е>
<meta http-equiv="content-type" content="text/html; charset=windows-1251" />
</head>
<body>
<form name="myform" id="myform" action="#" method="get">
Раскрасить вам робота? &nbsp; &nbsp;
Да
<input type="radio" name="colorrobot" id="colorrobot" value="да" checked="true" onclick="myform.robotcolor.disabled=false;robotcolorlabel.style.color='black';" />
Нет
<input type="radio" name="colorrobot" id="colorrobot" value='Нет' onclick="myform.robotcolor.disabled=true;robotcolorlabel.style.color='gray';" />
<br /><br />
<label id="robotcolorlabel">
Цвет
<select name="robotcolor" id="robotcolor">
<option selected>Cepeбряный</option>
<option selected>3eлeный</option>
<option selected>Kpacный</option>
<option selected>Синий</option>
<option selected>Opaнжeвый</optioп>
</select>
</label>
</form>
</body>
</html>

К сожалению, этот пример не работает во многих старых браузерах типа Netscape 4, в которых отсутствует полная поддержка HTML 4. Но даже в очень старых браузерах можно имитировать блокировку поля, если при попытках пользователя передать фокус вода этому полю, постоянно использовать метод blur (). Очевидно, что такая технология годится скорее для книг по истории, но она вполне допустима, если задачей является исключительная обратная совместимость.
назад:
далее:


добавить комментарий
(без перезагрузки и регистрации)


10 случайных разделов

Что ищем на сайте ?


Примеры кода на сайте







@ 2008-2011 Amber
При использовании материалов ссылка на сайт обязательна
Яндекс.Метрика