{"draftJsState":{"blocks":[{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"header-two","key":"8ji4p"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Формы в HTML5 — это элементы управления, которые используются для сбора информации от посетителей сайта.","type":"unstyled","key":"7vvkh"},{"data":{"image":{"id":"6776d7d2bdc355605fcf7882"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"26cps"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"8r2ik"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Формы включают в себя набор элементов, таких как: текстовые поля, кнопки, списки и др. Формы позволяют передать данные от пользователя серверу.","type":"unstyled","key":"1em5f"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Но для того чтобы была возможность обрабатывать данные форм, необходимо использовать один из языков серверного программирования (например PHP, Perl).","type":"unstyled","key":"642vs"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"До появления HTML5, для стилизации форм приходилось прилагать немало усилий, а для проверки данных введенных в форму необходимо было использовать JavaScript. Кроме этого в старом HTML не было полей для ввода дат, электронной почты и тп.","type":"unstyled","key":"1cl3c"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Формы в HTML5 решили большое количество проблем, которые возникали в старых версиях. Это обусловлено появлением новых атрибутов, и предоставив более простую стилизацию с использованием CSS3.","type":"unstyled","key":"1559a"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Элемент . Эти атрибуты содержат информацию которая является общей для всех полей формы, именно поэтому в одну форму следует включать поля объединенные логически.","type":"unstyled","key":"45qdr"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Атрибуты тега

","type":"header-three","key":"e1nqk"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":15,"offset":0,"style":"BOLD"}],"text":"accept-charset — в качестве значений принимает разделенные пробелами список кодировок символов, используемые для отправки формы ();","type":"unordered-list-item","key":"2dj5j"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":7,"offset":0,"style":"BOLD"},{"length":2,"offset":353,"style":"BOLD"}],"text":"action — атрибут являющийся обязательным для всех форм, в качестве значения принимает url адрес обработчика формы. Если значение данного атрибута не указано, то после отправки формы страница перезагрузится и поля примут значения по умолчанию. В том случае если обработка формы будет происходить на стороне клиента то для атрибута можно указать значение #. Помимо этого можно сделать та чтобы данные формы приходила вам на почту, для этого необходимо прописать: ;","type":"unordered-list-item","key":"4tnht"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":13,"offset":0,"style":"BOLD"},{"length":2,"offset":154,"style":"BOLD"},{"length":5,"offset":211,"style":"BOLD"}],"text":"autocomplete — отвечает за запоминание данных, введенных а текстовые поля формы и авто подстановку их при следующем заполнении; может принимать значения: on — поле не защищено и его можно запоминать и сохранять; off — отключает автозаполнение;","type":"unordered-list-item","key":"bt1i9"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":8,"offset":0,"style":"BOLD"},{"length":4,"offset":36,"style":"BOLD"}],"text":"enctype — Используется для указания MIME-типа данных, отправляемых вместе с формой, например, enctype=\"multipart/form-data\". Указывается только в случае method=\"post\".\napplication/x-www-form-urlencoded — тип содержимого по умолчанию, указывает на то, что передаваемые данные представляют список URL-кодированных переменных формы. Символы пробела (ASCII 32) будут закодированы как +, а специальный символ, например, такой как ! будет закодирован шестнадцатеричной форме как %21.\nmultipart/form-data — используется для отправки форм, содержащих файлы, не-ASCII данные и бинарные данные, состоит из нескольких частей, каждая из которых представляет содержимое отдельного элемента формы.\ntext/plain — указывает на то, что передается обычный (не html) текст;","type":"unordered-list-item","key":"b22j0"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":7,"offset":0,"style":"BOLD"}],"text":"method — Задает способ передачи данных формы.\nМетод get передает данные на сервер через адресную строку браузера. При формировании запроса к серверу все переменные и их значения формируют последовательность вида www.anysite.ru/form.php?var1=1&var2=2. Имена и значения переменных присоединяются к адресу сервера после знака ? и разделяются между собой знаком &. Все специальные символы и буквы, отличные от латинских, кодируются в формате %nn, пробел заменяется на +. Этот метод нужно использовать, если вы не передаете больших объемов информации. Если вместе с формой предполагается отправка какого-либо файла, этот метод не подойдет.\nМетод post применяется для пересылки данных больших объемов, а также конфиденциальной информации и паролей. Данные, отправляемые с помощью этого метода, не видны в заголовке URL, так как они содержатся в теле сообщения.\n","type":"unordered-list-item","key":"1en2c"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":5,"offset":0,"style":"BOLD"}],"text":"name — задает имя формы. Данное имя будет использоваться для доступа к элементам формы через сценарии;","type":"unordered-list-item","key":"75hmv"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":11,"offset":0,"style":"BOLD"}],"text":"novalidate — отключает проверку в кнопке отправки формы. Он используется без значений;","type":"unordered-list-item","key":"7fs7a"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":7,"offset":0,"style":"BOLD"}],"text":"target — Указывает окно, в которое будет направлена информация: _blank — новое окно; _self — тот же фрейм; _parent — родительский фрейм (если он существует, если нет — то в текущий); _top — окно верхнего уровня по отношению к данному фрейму. Если вызов происходит не из дочернего фрейма, то в тот же фрейм.","type":"unordered-list-item","key":"eo0s3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Группировка элементов формы","type":"header-three","key":"e6196"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Элемент

...

позволяет группировать элементы, связанные друг с другом логически. Каждой группе можно присвоить название с помощью элемента , который должен идти после тега

.","type":"unstyled","key":"218mm"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Атрибуты тега

","type":"header-three","key":"ba8j0"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"disabled — если присутствует данный атрибут то группа элементов внутри контейнера будет отключена для редактирования и изменения. Атрибут указывается без значения.","type":"unordered-list-item","key":"fblb2"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"form — в качестве значения может принимать значение атрибута id тега

в этом же документе. он указывает на одну или несколько форм, к которым принадлежит группа элементов. Атрибут пока не поддерживается браузерами.","type":"unordered-list-item","key":"b40br"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"name — содержит имя группы, которое может использоваться для ссылки на элементы в JavaScript, по сути является аналогом атрибута id.","type":"unordered-list-item","key":"7n27a"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Поля формы","type":"header-three","key":"ats3g"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Элемент создает большинство полей формы. Атрибуты элемента отличаются в зависимости от типа поля, для создания которого используется этот элемент.","type":"unstyled","key":"73ql3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Атрибуты тега ","type":"header-three","key":"4s6nr"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"accept- атрибут указывающий какие типы файлов разрешены для отправки на сервер, данный атрибут указывается только для , accept=\".gif\", accept=\".pdf\", accept=\".doc«","type":"unordered-list-item","key":"775nc"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"alt — определяет альтернативный текст для изображений;","type":"unordered-list-item","key":"5fkp0"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"autocomplete — запоминание введенных значение введенных в поле, on — разрешает сохранение и извлечение данных, off — отключает автозаполнение форм;","type":"unordered-list-item","key":"2vip6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"autofokus — позволяет в загружаемой форме сделать активным и готовым для ввода данных выбранное поле;","type":"unordered-list-item","key":"1tf9u"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"checked — атрибут по умолчанию ставит флажок на поля типа checkbox и radio;","type":"unordered-list-item","key":"6tu2"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"disabled — отключение возможности редактирования и копирования содержимого поля;","type":"unordered-list-item","key":"flsm4"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"form — значение атрибута равно значению атрибута id тега form, указывает к какой форме принадлежит данное поле;","type":"unordered-list-item","key":"16q3h"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"formaction — Задает url файла, который будет обрабатывать введенные в поля данные при отправке формы. Задается только для полей типа type=\"submit\" и type=\"image\". Атрибут переопределяет значение атрибута action самой формы.","type":"unordered-list-item","key":"90c98"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"formenctype — Определяет, как будут кодироваться данные полей формы при отправке на сервер. Переопределяет значение атрибута enctype формы. Задается только для полей типа type=\"submit\" и type=\"image\". Варианты:\napplication/x-www-form-urlencoded — значение по умолчанию. Все символы кодируются перед отправкой (пробелы заменяются на символ +, специальные символы преобразуются в значения ASCII HEX)\nmultipart/form-data — символы не кодируются\ntext/plain — пробелы заменяются на символ +, а специальные символы не кодируются.","type":"unordered-list-item","key":"dtqla"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"formmethod — Атрибут определяет метод, который браузер будет использовать для отправки данных формы на сервер. Задается только для полей типа type=\"submit\" и type=\"image\". Переопределяет значение атрибута method формы. Варианты:\nget — значение по умолчанию. Данные из формы (пара имя/значение) добавляются в url-адрес и отправляются на сервер: URL?имя=значение&имя=значение\npost — данные формы отправляются в виде http-запроса.","type":"unordered-list-item","key":"9lbhf"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"formvalidate — Определяет, что данные полей формы не должны проверяться при отправке формы. Переопределяет значение атрибута novalidate формы. Можно использовать без указания значения атрибута.","type":"unordered-list-item","key":"9ttev"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"formtarget Определяет, где выводить ответ, полученный после отправки формы. Задается только для полей типа type=\"submit\" и type=\"image\". Переопределяет значение атрибута target формы.\n_blank — загружает ответ в новое окно/вкладку\n_self — загружает ответ в то же окно (значение по умолчанию)\n_parent – загружает ответ в родительский фрейм\n_top – загружает ответ во весь экран\nframename – загружает ответ во фрейм с указанным именем.","type":"unordered-list-item","key":"22lu"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"height — Значение атрибута содержит количество пикселей без указания единицы измерения. Устанавливает высоту поля формы типа type=\"image\", например, . Рекомендуется одновременно устанавливать как высоту, так и ширину поля.","type":"unordered-list-item","key":"4nut"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"list — атрибут является ссылкой на и содержит его id. Предоставляет пользователю несколько вариантов на выбор при вводе значения в поле.","type":"unordered-list-item","key":"5d9k0"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"max — ограничение допустимого ввода числовых данных максимальным значением, в качестве значений может принимать целые и дробные числа. Рекомендуется использовать этот атрибут вместе с атрибутом min. Работает со следующими типами полей: number, range, date, datetime, datetime-local, month, time и week.","type":"unordered-list-item","key":"33ae8"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"maxlength — задает максимальное количество символов, вводимых в поле.","type":"unordered-list-item","key":"cqkf5"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"min — ограничение ввода числовых данных минимальным значением.","type":"unordered-list-item","key":"an9dq"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"multiple — разрешает пользователю вводить несколько значений атрибутов, разделяя их запятой, указывается без значения атрибута.","type":"unordered-list-item","key":"25ck6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"name — в качестве значения содержит имя, используемое для доступа к данному элементу.","type":"unordered-list-item","key":"bi5a2"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"pattern — определяет синтаксис данных ввод которых разрешен в поле. Например, pattern=\"[a-z]{3}-[0-9]{3}\" — квадратные скобки устанавливают диапазон допустимых символов.","type":"unordered-list-item","key":"eb5vk"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"placeholder — в качестве значения содержит текст который будет отображаться в поле ввода до его заполнения.","type":"unordered-list-item","key":"7tpoo"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"readonly — не позволяет пользователю изменять значение элементов формы, но при этом разрешает их копирование и выделение.","type":"unordered-list-item","key":"dof3o"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"required — сообщает пользователю что данное поле обязательно для заполнения. При попытке пользователя отправить форму без значения данного поля то на экране появится предупреждение.","type":"unordered-list-item","key":"64kg3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"size — позволяет задать видимую ширину поля в символах.","type":"unordered-list-item","key":"5flq7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"src — Задает url изображения, используемого в качестве кнопки отправки данных формы. Указывается только для поля .","type":"unordered-list-item","key":"5of86"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"step — применяется для элементов, предполагающих ввод числовых значений, атрибут указывает величину увеличения или уменьшения значения при регулировки диапазон.","type":"unordered-list-item","key":"4p429"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"value — содержит текст, отображаемый на кнопке, в поле или связанный текст, не указывается для полей типа file.","type":"unordered-list-item","key":"c5mv8"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"width — в качестве значения атрибута содержит количество пикселей. задает ширину полей формы.","type":"unordered-list-item","key":"5uihn"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Атрибут TYPE тега input","type":"header-three","key":"9mp1u"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Данный атрибут является самым важным. Именно он определяет какой элемент будет отображаться на форме и какие данные он будет получать и отправлять.","type":"unstyled","key":"5hell"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"button — создает кнопку.","type":"unstyled","key":"a1e9u"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"checkbox — превращает поле ввода во флажок, который можно установить или очистить.","type":"unstyled","key":"6ufbf"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"color — генерирует палитры цветов в поддерживающих браузерах, давая пользователям возможность выбирать значения цветов в шестнадцатеричном формате.","type":"unstyled","key":"711ur"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"date — позволяет вводить дату в формате дд.мм.гггг.","type":"unstyled","key":"9n56h"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"datetime-local — позволяет вводить дату и время, разделенные прописной английской буквой Т по шаблону дд.мм.гггг чч:мм.","type":"unstyled","key":"doc8k"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"email — браузеры, поддерживающие данный атрибут, будут ожидать, что пользователь введет данные, соответствующие синтаксису адресов электронной почты.","type":"unstyled","key":"amnb5"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"file — позволяет загружать файлы с компьютера пользователя.","type":"unstyled","key":"222k4"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"hidden — скрывает элемент управления, который не отображается браузером и не дает пользователю изменять значения по умолчанию.","type":"unstyled","key":"d10bc"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"image — создает кнопку, позволяя вместо текста на кнопке вставить изображение.","type":"unstyled","key":"6rl61"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"month — позволяет пользователю вводить год и номер месяца по шаблону гггг-мм.","type":"unstyled","key":"3luft"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"number — предназначено для ввода целочисленных значений. Его атрибуты min, max и step задают верхний, нижний пределы и шаг между значениями соответственно. Эти атрибуты предполагаются у всех элементов, имеющих численные показатели. Их значения по умолчанию зависят от типа элемента.","type":"unstyled","key":"5naqs"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"password — создает текстовые поля в форме, при этом вводимые пользователем символы заменяются на звездочки, маркеры, либо другие, установленные браузером значки.","type":"unstyled","key":"8gp0l"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"radio — создает переключатель — элемент управления в виде небольшого кружка, который можно включить или выключить.","type":"unstyled","key":"b4b1e"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"range — позволит создать такой элемент интерфейса, как ползунок, min / max — позволят установить диапазон выбора.","type":"unstyled","key":"afl9f"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"reset — создает кнопку, которая очищает поля формы от введенных пользователем данных.","type":"unstyled","key":"3d1b2"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"search — обозначает поле поиска, по умолчанию поле ввода имеет прямоугольную форму.","type":"unstyled","key":"737pv"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"submit — создает стандартную кнопку, активизируемую щелчком мыши. Кнопка собирает информацию с формы и отправляет ее для обработки.","type":"unstyled","key":"ct5af"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"text — создает текстовые поля в форме, выводя однострочное текстовое поле для ввода текста.","type":"unstyled","key":"f84uk"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"time — позволяет вводить время в 24-часовом формате по шаблону чч:мм. В поддерживающих браузерах оно отображается как элемент управления в виде числового поля ввода со значением, изменяемым с помощью мыши, и допускает ввод только значений времени.","type":"unstyled","key":"1h0s8"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"url — поле предназначено для указания URL-адресов.","type":"unstyled","key":"3rm9"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"week — соответствующий инструмент-указатель позволяет пользователю выбрать одну неделю в году, после чего обеспечит ввод данных в формате нн-гггг. В зависимости от года число недель может быть 52 или 53.","type":"unstyled","key":"eig5j"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Текстовые поля ввода","type":"header-three","key":"c8d6g"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Элемент используется вместо элемента , когда нужно создать большие текстовые поля. Текст, отображаемый как исходное значение, помещается внутрь тега. Размеры поля устанавливаются при помощи атрибутов cols – размеры по горизонтали, rows – размеры по вертикали. Высоту поля можно задать свойством height. Все размеры считаются исходя из размера одного символа моноширинного шрифта.","type":"unstyled","key":"9jb43"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Атрибуты тега

","type":"header-three","key":"fdjjj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"autofocusУстанавливает фокус на нужном начальном текстовом поле автоматически.colsУстанавливает ширину через количество символов. Если пользователь вводит больше текста, появляется полоса прокрутки.disabledОтключает возможность редактирования и копирования содержимого поля.formЗначение атрибута должно быть равно значению атрибута id элемента <form> в этом же документе. Определяет одну или несколько форм, которым принадлежит данное текстовое поле.maxlengthЗначение атрибута задает максимальное число символов для ввода в поле.nameЗадает имя текстового поля.placeholderОпределяет короткую текстовую подсказку, которая описывает ожидаемое вводимое значение.readonlyОтключает возможность редактирования содержимого поля.requiredВыводит сообщение о том, что данное поле является обязательным для заполнения.rowsУказывает число, которое означает, сколько строк должно отображаться в текстовой области.wrapОпределяет, должен ли текст сохранять переносы строк при отправке формы. Значение hard сохраняет перенос, а значение soft не сохраняет. Если используется значение hard, то должно указываться значение атрибута cols.","type":"unstyled","key":"934kt"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Раскрывающийся список","type":"header-three","key":"63mgi"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Списки дают возможность расположить большое количество пунктов компактно. Раскрывающиеся списки создаются при помощи элемента <select>...</select>. Они позволяют выбрать одно или несколько значений из предложенного множества. По умолчанию в поле списка отображается его первый элемент.","type":"unstyled","key":"1nkgj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Для добавления в список пунктов используются элементы <option>...</option>, которые располагаются внутри <select>.","type":"unstyled","key":"al2l3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Для систематизации списков применяется элемент <optgroup>...</optgroup>, который создает заголовки в списках.","type":"unstyled","key":"5tvjr"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Для списков возможно изменить размер шрифта, тип шрифта, цвет и другие свойства текста, а также добавить границы, цвет фона и фоновое изображение.","type":"unstyled","key":"3ve5l"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Атрибуты тега <select>","type":"header-three","key":"benal"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"autofocusУстанавливает автоматический фокус на элементе при загрузке страницы.disabledОтключает раскрывающийся список.formОпределяет форму, которой принадлежит данный список. В качестве значения атрибута указывается идентификатор формы.multipleДает возможность выбора одного или нескольких пунктов, для этого при выборе нужно нажать и удерживать нажатой клавишу Ctrl.nameОпределяет имя для выпадающего списка. Значение атрибута содержит название, отражающее тематику списка.requiredВыводит сообщение о том, что пользователь должен выбрать значение из раскрывающегося списка перед отправкой формы.sizeЗадает количество одновременно видимых на экране элементов списка. Если количество элементов списка превышает установленное количество, появляется полоса прокрутки. Значение атрибута задается целым положительным числом.","type":"unstyled","key":"365nb"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Атрибуты тега <option>","type":"header-three","key":"3l7hp"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"disabledДелает недоступным для выбора элемент списка.labelЗадает укороченную версию для элемента, которая будет отражаться в выпадающем списке. Значение атрибута содержит текст, описывающий соответствующий пункт выпадающего списка.selectedОтображает выбранный элемент списка по умолчанию при загрузке страницы браузером.valueУказывает значение, которое будет отправлено на сервер при отправке формы.","type":"unstyled","key":"a0arb"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Кнопки","type":"header-three","key":"5hkt"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Элемент <button>...</button> создает кликабельные кнопки. В отличие от кнопок, созданных <input> (<input type=\"submit\"></input>, <input type=\"image\">, <input type=\"reset\">, <input type=\"button\">), внутрь элемента <button> можно поместить контент — текст или изображение.","type":"unstyled","key":"bpr4e"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Для корректного отображения элемента <button> разными браузерами нужно указывать атрибут type, например, <button type=\"submit\"></button>.","type":"unstyled","key":"3mf7r"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Кнопки позволяют пользователям передавать данные в форму, очищать содержимое формы или предпринимать какие-либо другие действия. Можно создавать границы, изменять фон и выравнивать текст на кнопке.","type":"unstyled","key":"4lq43"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Атрибуты тега <button>","type":"header-three","key":"euks3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"autofocusУстанавливает фокус на кнопке при загрузке страницы.disabledОтключает кнопку, делая ее некликабельной.formУказывает на одну или несколько форм, которым принадлежит данная кнопка. Значение атрибута — идентификатор соответствующей формы.formactionЗначение атрибута содержит url-адрес обработчика данных формы, отправляемых при нажатии на кнопку. Только для кнопки типа type=\"submit\". Переопределяет значение атрибута action, указанного для элемента <form>.formenctypeЗадает тип кодировки данных формы перед отправкой на сервер при нажатии на кнопки типа type=\"submit\". Переопределяет значение атрибута enctype, указанного для элемента <form>. Возможные значения:\napplication/x-www-form-urlencoded — значение по умолчанию. Все символы перед отправкой будут закодированы.\nmultipart/form-data — символы не кодируются. Используется в случае, когда с помощью формы загружаются файлы.\ntext/plain — символы не кодируются, а пробелы заменяются на символ +.formmethodАтрибут определяет метод, который браузер будет использовать для отправки формы. Переопределяет значение атрибута method, указанного для элемента <form>. Указывается только для кнопок типа type=\"submit\". Возможные значения:\nget — данные из формы (пара имя/значение) добавляются в url-адрес и отправляются на сервер. Данный способ имеет ограничения по размеру отправляемых данных и не подходит для отправки паролей и конфиденциальной информации.\npost — данные из формы добавляются в виде http-запроса. Метод является более надежным и безопасным, чем get и не имеет ограничений по размеру.formnovalidateАтрибут задает, что данные формы не должны проверяться при отправке. Указывается только для кнопок типа type=\"submit\".formtargetАтрибут задает, в каком окне выводить результат после отправки формы. Указывается только для кнопок типа type=\"submit\". Переопределяет значение атрибута target, указанного для элемента <form>.\n_blank — загружает ответ в новое окно/вкладку\n_self — загружает ответ в то же окно (значение по умолчанию)\n_parent — загружает ответ в родительский фрейм\n_top — загружает ответ во весь экран\nframename — загружает ответ во фрейм с указанным именем.nameЗадает имя кнопки, значение атрибута — текст. Используется для ссылки на данные формы, после того как форма была отправлена, или для ссылки на данную кнопку (кнопки) в JavaScript.typeОпределяет тип кнопки. Возможные значения:\nbutton — кликабельная кнопка\nreset — кнопка сброса, возвращает первоначальное значение\nsubmit — кнопка для отправки данных формы.valueЗадает значение по умолчанию, отправляемое при нажатии на кнопку.","type":"unstyled","key":"9vt35"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Надписи к полям формы","type":"header-three","key":"2cpi6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Надписи к элементам формы создаются с помощью элемента <label>...</label>. Существует два способа группировки надписи и поля. Если поле находится внутри элемента <label>, то атрибут for указывать не нужно.","type":"unstyled","key":"3ctpr"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Флажки и переключатели в формах","type":"header-three","key":"fpjr3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Флажки в формах задаются с помощью конструкции <input type=\"checkbox\">, а переключатель — при помощи <input type=\"radio\">.","type":"unstyled","key":"9omfa"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Флажков, в отличие от переключателей, в одной форме может быть установлено несколько. Если для флажков указан атрибут checked, то при загрузке станицы на соответствующих полях формы флажки уже будут установлены.","type":"unstyled","key":"f7mu3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Элемент <label> применяется при реализации выбора с помощью переключателей и флажков. Можно выбрать нужный пункт, просто щелкая кнопкой мыши на тексте, связанном с ним. Для этого нужно поместить <input> внутрь элемента <label>.","type":"unstyled","key":"2jcgm"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"marker","key":"Jas44j03VbeRDOQbexWK"}],"entityMap":{}},"mentions":[]}</article></body></html>