style="background-color:#FFF;z-index:10;"><table width="100%"> <tr> <td>Имя:</td> <td><input name="firstname"></td> <td>Ваш любимый цвет:</td> <td rowspan="3" valign="top"> <input type="radio" name="color" value="blue">Синий<br /> <input type="radio" name="color" value="red">Красный<br /> <input type="radio" name="color" value="green">Зеленый </td> <td rowspan="3" valign="top"> <input type="radio" name="color" value="yellow">Желтый<br /> <input type="radio" name="color" value="black">Черный<br /> <input type="radio" name="color" value="other">Другой </td> </tr> <tr> <td>Фамилия:</td> <td><input name="lastname"></td> </tr> <tr> <td>Адрес Email:</td> <td><input name="email"></td> </tr> <tr> <td colspan="2"><input type="submit" value="Отправить форму"> <input type="reset" value="Очистить форму"></td> <td colspan="3" align="right"><button id="lockbutton" onclick="swapLock();return false;">Зафиксировать форму на месте</button></td> </tr></table></form>

Прежде всего необходимо узнать, как создать объект JavaScript, который ссылается на форму. Любую форму на странице можно указать с помощью конструкции document.forms. Если имеется форма с именем tutform, то к ней можно обратиться следующим образом: document.forms.tutform.

На любые элементы внутри формы (поля ввода, поля выбора, флажки и т.д) можно ссылаться с помощью конструкции elements: document.forms.ИмяФормы.elements. Если на форме имеется поле ввода с именем firstname, то значение этого поля можно вывести следующим образом: