Checkbox - выделить всё, снять все
При выделении последнего checkbox`a автоматически выделяются все верхние, при снятии галочки с нижнего checkbox`a, с верхних галочка также автоматически снимается
пример работы скрипта:
Select - переход по ссылкам
Переход по ссылкам осуществляется с помощью элемента формы <select>
как это выглядит:
Выделение и копирование текста
При клике по ссылке "выделить всё", происходит выделение и копирование в буфер обмена всего текста, находящегося в <textarea>
поддержка браузеров: Internet Explorer все версии, Mozilla Firefox частично, Opera частично, Netscape Navigator частично
Неактивная кнопка формы
Если "checkbox" не отмечен флажком, кнопка "принимаю" будет недоступной (неактивной)
как это выглядит:
Календарь - выбор даты
При клике по кнопке "выберите дату", появляется календарик (с выделенной сегодняшней датой) - при выборе даты она появляется в текстовом поле
как это выглядит:
Проверка заполнения формы
Скрипт проверяет, заполнены ли поля, также проверяет корректность введённых данных и в случае "false", выводит сообщение об ошибке
Cсылка, как кнопка формы
пример:
отправить данные формы
<form action="" method="get" name="link">
<input name="link_submit" type="hidden" value="1" />
</form>
<a href="http://perkoka.ru/" onclick="document.link.submit(); return false">отправить данные формы</a>
Обнуление полей формы
В поле, по умолчанию, находится некий текст (или задан фон текстового поля) - при установке в поле курсора (передачи фокуса), текст (фон) исчезают (в случае, если поле остаётся незаполненным, текст (фон) возращаются)
как это выглядит:
пример html-кода:
<form action="" method="post">
<input type="text" name="eMail" value="e-mail" onfocus="if(this.value == 'e-mail') this.value = '';" onblur="if(this.value == '') this.value = 'e-mail';" />
<input type="text" name="color" style="background: #ffffdd;" onfocus="this.style.background='#ffffff'" onblur="this.style.background='#ffffdd'" />
</form>
Ограничение и подсчёт символов
Подсчитывает количество введённых символов в текстовое поле, и не позволяет ввести более заданного количества. Также отображает количество введённых символов.
как это выглядит: