{"draftJsState":{"blocks":[{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"e7oac"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"В HTML формы применяются для отправки данных на обработку на какую-либо программу (скрипт), установленную на сервере. Формы также могут быть использованы для введения информации в базы данных через веб-интерфейс и для других подобных целей. Передаваемая информация состоит из двух частей: имени переменной и значения переменной.","type":"unstyled","key":"68l9n"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Форма создаётся парным тегом . Тег формы содержит следующие атрибуты (табл. 2.4.):","type":"unstyled","key":"d4koa"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":26,"offset":0,"style":"ITALIC"},{"length":13,"offset":0,"style":"BOLD"}],"text":"Таблица 2.4. Атрибуты форм","type":"unstyled","key":"cn8i6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":17,"offset":0,"style":"BOLD"}],"text":"Название атрибута","type":"unstyled","key":"4d6br"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":14,"offset":0,"style":"BOLD"}],"text":"Обязательность","type":"unstyled","key":"d3d3p"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":10,"offset":0,"style":"BOLD"}],"text":"Назначение","type":"unstyled","key":"5774o"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":9,"offset":0,"style":"BOLD"}],"text":"Параметры","type":"unstyled","key":"4hohu"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"action","type":"unstyled","key":"6jiqg"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Обязательный","type":"unstyled","key":"hhrt"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Указывает на веб-адрес обработчика данных. В параметрах указывается URL обрабатывающей данные из формы программы","type":"unstyled","key":"97jmt"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"action=\"search.cgi\"","type":"unstyled","key":"e5pim"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"method","type":"unstyled","key":"8n867"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Необязательный. По умолчанию установлен method=get.","type":"unstyled","key":"1jsnu"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Определяет метод передачи данных на скрипт","type":"unstyled","key":"6dl94"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"method","type":"unstyled","key":"509d"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"=post","type":"unstyled","key":"68k3f"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"method=get","type":"unstyled","key":"21j0e"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Ниже (пример 10) предложен код HTML простейшей поисковой формы и её изображение (рис. 2.8).","type":"unstyled","key":"187sl"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Пример 10","type":"unstyled","key":"bkae4"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

","type":"unstyled","key":"br388"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

","type":"unstyled","key":"d9j1e"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"158h2"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

","type":"unstyled","key":"1r0eo"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

","type":"unstyled","key":"coe6h"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Приведённая здесь форма состоит из нескольких элементов.","type":"unstyled","key":"fvr02"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Первым элементом является тег

с атрибутами, устанавливающими метод передачи данных METHOD=\"post\" и адрес обработчика данных ACTION=\"search.php\".","type":"unstyled","key":"4nu9f"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Вторым элементом является меню SELECT, которое может содержать несколько элементов. Оно создаётся парным тегом . Тег .","type":"unstyled","key":"c0l78"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Тег может применяться для разных целей. При помощи создаются кнопки, поля ввода текста, устанавливаются различные параметры формы (цвет текста, цвет или изображение для фона и т. д.).","type":"unstyled","key":"98n33"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Тег с атрибутом type=, в параметре которого указано text предназначен для ввода текста (одного или нескольких слов). Имя переменной name=\"keys\".","type":"unstyled","key":"b55r5"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Атрибут size предназначен для указания длины поля ввода текста, атрибут maxlength предназначен для указания максимальной длины вводимого текста (и то и другое указывается в символах). Атрибут value предназначен для отображения слова «по умолчанию».","type":"unstyled","key":"1pls3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"2mubk"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Аналогично предыдущему примеру создаётся форма ввода пароля. Указывается тип type=password, благодаря чему вводимый текст отображается в виде «звёздочек». Указывается также имя переменной name=password.","type":"unstyled","key":"6djim"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Элементы , применяемые при создании голосований и т.п. форм: type=radio и type=checkbox.","type":"unstyled","key":"6qgmp"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"«Радиокнопки» применяются в голосованиях, когда респондент должен выбрать строго один вариант из нескольких предложенных ему. «Радиокнопка» может содержать атрибут checked, предназначенный для отметки какой-либо из радиокнопок «по умолчанию». Визуально «радиокнопки» выглядят в виде кольцеобразной ячейки, которую можно отметить, поместив в неё «точку».","type":"unstyled","key":"6tpb1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Пример 11:","type":"unstyled","key":"esh7d"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"123
","type":"unstyled","key":"a992p"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"234
","type":"unstyled","key":"6h8kb"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"345
","type":"unstyled","key":"f4e8p"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"В этой группе «по умолчанию» отмечен верхний элемент, название которого «123» отображается на экране. «Радиокнопки» расположены вертикально благодаря завершающему каждую строку тегу переноса строки
.","type":"unstyled","key":"dp4u8"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"«Чекбоксы» применяются в тех случаях, когда респонденту предоставляется возможность выбрать один и более из числа предложенных пунктов. Визуально «checkbox» выглядит в виде квадратной ячейки, в которой можно оставить «галочку». Также может содержать атрибут checked. Создаётся аналогично форме с «радиокнопками».","type":"unstyled","key":"9ag0f"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Но для работы формы мало только заполнить текстовое поле или отметить «радиокнопки» или «чекбоксами». Необходимо отдать приказание о передаче данных на сервер. Для этого применяются кнопки, создаваемые при помощи того же тега .","type":"unstyled","key":"6ei5o"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Код кнопки выглядит следующим образом:","type":"unstyled","key":"6sjes"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"cvt6t"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Кнопки также применяются для сброса неверно введённых в форму данных (кнопки \"Reset\"):","type":"unstyled","key":"am81h"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"ddovr"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Подставив в параметр value какой-либо другой текст, вы измените текст, отображаемый на поверхности кнопки в качестве её названия. Например, \"Submit\" можно заменить на «Отправить», \"Reset\" заменить на «Сброс».","type":"unstyled","key":"5rvpe"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Элемент ","type":"unstyled","key":"dsnf9"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Как и в предыдущих случаях, можно поместить отображаемый «по умолчанию» текст.","type":"unstyled","key":"4s8sj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"91v4f"},{"data":{},"depth":0,"entityRanges":[{"key":0,"length":23,"offset":25}],"inlineStyleRanges":[],"text":"Пройдите курс по ссылке: Веб-технологии. Часть I","type":"unstyled","key":"etjil"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"7t7jf"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"marker","key":"ErjjJ2MQSCCplKCJJ5A8"}],"entityMap":{"0":{"data":{"href":"https://stepik.org/course/122510/promo","url":"https://stepik.org/course/122510/promo"},"mutability":"MUTABLE","type":"LINK"}}},"mentions":[]}