Использование объекта form

  Каждая форма на странице HTML представляется отдельным объетом form. Для задания формы можно использовать массив forms. Этот массив содержит столько элементов, сколько их есть в форме. Все элементы проиндексированы, начиная со значения 0. Например, к  первой форме документа, имеющей название form1, можно обратиться одним из двух способов:

  document.form1

  document.forms[0]

Свойства объекта form  

  Рассмотрим пример: пусть имеется форма, состоящая из двух полей ввода, двух радиокнопок и двух кнопок:

<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>

  Таким образом, нажатие кнопки "Ввод" будет приводить к появлению сообщения:

Управление текстом в формах

  Обработчики событий: