Чтобы познакомиться с формами, используем простейший пример. Файл form1.htm содержит очень простую форму.

Если этот файл загрузить в программу-броузер, то в окне мы увидим прямоугольник для ввода текста, в него пользователь может вписать текст, и кнопку, которую можно нажимать.

В тексте HTML-файла frame1.htm мы видим новый ярлык <form>. Этот ярлык указывает на начало элемента формы. По своему смыслу элемент <form> образует контейнер, содержащий элементы, образующие тело формы. Поэтому элемент form — это блочный элемент. Как всегда, блочный элемент требует использования закрывающего ярлыка </form>. Если форма расположена, например, в конце тела HTML-страницы, то отсутствие закрывающего ярлыка не повлияет на правильность воспроизведения страницы в окне броузера. Однако, по правилам составления корректных HTML-страниц закрывающий ярлык все же необходим.

В нашем примере мы задали имя для формы, указав значение свойства name. Ярлык <form> может содержать значения многих других свойств. Приведем список этих свойств, но не будем на них останавливаться подробно. Список свойств элемента <form>:

action, autocomplete, begin, blockDirection, canHaveChildren, canHaveHTML, className, clientHeight, clientLeft, clientTop, clientWidth, contenlEditable, currentStyle, dir, encoding, firstChild, hasMedia, hideFocus, id, innerHTML, innerText, isContent Editable, isDisabled, isTextEdit, lang, language, lastChild, method, name, nextSibling, nodeName, nodeType, node Value, qffsetHeight, offsetLeft, offsetParent, offsetTop, offsetWidth, onOffBehavior, outerHTML, outerText, parent Element, parentNode, parentTextEdit, previousSibling, readyState, recordNumber, runtimeStyle, scopeName, scrollHeight, scrollLeft, scrollTop, scrollWidth, sourcelndex, style, STYLE, SyncMaster, tablndex, tagName, tagUm, target, title, uniqueID.