Использование объекта form
Каждая форма на странице HTML представляется отдельным объетом form. Для задания формы можно использовать массив forms. Этот массив содержит столько элементов, сколько их есть в форме. Все элементы проиндексированы, начиная со значения 0. Например, к первой форме документа, имеющей название form1, можно обратиться одним из двух способов:
document.form1
document.forms[0]
Свойства объекта form
action - соответствует атрибуту формы ACTION или программе, в которую отправляются данные, введенные в форму;
length - указывает количество элементов в форме;
method - определяет метод, используемый для отправки данных - GET или POST;
target - определяет окно, в котором будут отображаться результаты обработки введенных в форму данных.
Рассмотрим пример: пусть имеется форма, состоящая из двух полей ввода, двух радиокнопок и двух кнопок:
<html>
<head>
<title>пример формы</title>
</head>
<body>
<p align="center"><font size=6>Пример формы</font>
<form name="m_form" action="form01.htm" method="post">
<b>Пожалуйста, укажите имя и фамилию</b>
<br>
<input type="text" name="m" size="30" value=""><br> <input type="text" name="n" size="30" value=""><br>М<input type="radio" name="g">
Ж<input type="radio" name="g">
<br> <input type="submit" name="Send" value="Ввод"> <input type="reset" name="Clear" value="Cброс"></form>
</p>
</body>
</html>
На экране отобразится:
Добавим обработчик нажатия кнопки Send:
<input type="submit" name="Send" value="Ввод" onClick="doClick()">
и напишем код для него:
<script language="JavaScript">
function doClick(){
alert("Кнопка нажата")
}
</script>
Таким образом, нажатие кнопки "Ввод" будет приводить к появлению сообщения:
Управление текстом в формах
focus() - определяет расположение курсора в поле и выделяет текущее поле
blur() - удаляет курсор из поля
select() - выделяет поле подобно тому, как это делает пользователь мышью. Выделяет текст в поле. Не позволяет выделить часть текста
Обработчики событий:
onFocus - это событие происходит при определении расположения курсора в поле
onChange - происходит при изменении пользователем значения в поле
onSelect - происходит при выделении пользователем части или всего текста в текстовом поле