<form>
. HTML предлагает много разных полей, от простых галочек со значениями вкл/выкл до выпадающих списков и полей для ввода текста. В этой книге не будут подробно обсуждаться все виды полей, но мы сделаем небольшой их обзор.<input>
. Его атрибут type используется для выбора стиля поля. Вот несколько распространённых типов:<form>
. Их можно разместить в любом месте страницы. Информацию из таких полей нельзя передавать на сервер (это возможно только для всей формы целиком), но когда мы делаем поля, которые обрабатывает JavaScript, нам обычно и не нужно передавать информацию из полей через submit.<textarea>
. У тега должен быть закрывающий тег </textarea>
, и он использует текст внутри этих тегов вместо использования атрибута value.<select>
используется для создания поля, которое позволяет пользователю выбрать один из заданных вариантов.<select>
пытается перейти на вариант, содержащий текст, который вводит пользователь, а также отвечает на нажатия стрелок, передвигая выбор варианта вверх и вниз.<form>
, у его элемента DOM будет свойство form, которое будет ссылаться на форму. Элемент <form>
, в свою очередь, имеет свойство elements, содержащее массивоподобную коллекцию полей.<input>
и типами text и password, а также теги , имеют общий интерфейс. У их элементов DOM есть свойство value, в котором содержится их текущее содержимое в виде строки текста. Присваивание этому свойству значения меняет содержимое поля.<textarea>
обработчик событий, который при нажатии F2 вставляет строку “ Khasekhemwy”.<label>
используется для связи куска текста с полем ввода. Атрибут for должен совпадать с id поля. Щелчок по метке label включает поле ввода, оно получает фокус и меняет значение – если это галочка или радиокнопка.<select>
определяет браузер.<select>
позволит выбирать любое количество вариантов, а не один.<select>
используется для задания количества вариантов, которые видны одновременно – так вы можете влиять на внешний вид выпадушки. К примеру, назначив size 3, вы увидите три строки одновременно, безотносительно того, присутствует ли опция multiple.<option>
есть значение. Его можно определить атрибутом value, но если он не задан, то значение тега определяет текст, находящийся внутри тега <option>..</option>
. Свойство value элемента отражает текущий выбранный вариант. Для поля с возможностью выбора нескольких вариантов это свойство не особо нужно, т.к. в нём будет содержаться только один из нескольких выбранных вариантов.<option>
поля <select>
можно получить доступ как к массивоподобному объекту через свойство options. У каждого варианта есть свойство selected, показывающее, выбран ли сейчас этот вариант. Свойство также можно менять, чтобы вариант становился выбранным или не выбранным.<select>
и поменять её текст в <textarea>
. Добавляется запись по нажатию на кнопку.<form>
.<textarea>
, по нажатию которой конструктор Function из главы 10 будет обёртывать введённый текст в функцию и вызывать его. Преобразуйте значение, возвращаемое функцией, или любую её ошибку, в строку, и выведите её после текстового поля.