Формы, их виды. Структура формы. Свойства формы. Технология создания форм. Элементы управления и их использование в формах
Элементы формы HTML – это элементарные объекты, из которых мы создаем графический интерфейс пользователя программы на JavaScript.
Каждый объект Form содержит массив elements, в котором хранятся объекты, представляющие элементы формы. В каждом из этих элементов имеется свойство type, которое может применяться, чтобы отличить один тип элементов от другого. По свойству type неизвестного элемента формы код JavaScript может определить тип элемента и выяснить, что можно делать с этим элементом.
И наконец, четвертый столбец таблицы предоставляет краткое описание каждого элемента и наиболее важный или наиболее часто применяемый обработчик события для этого типа элемента.
Подробно различные типы элементов описаны в части IV «Справочник по клиентскому Java-
Script». Хотя для каждого типа элементов формы имеется отдельная справочная страница, обратите внимание, что большинство элементов создаются с помощью тега HTML и на самом деле все являются объектами Input. На странице «Input» «Справочника по клиентскому JavaScript» перечислены возможности, общие для всех этих элементов, а страницы части IV, относящиеся к отдельным типам, содержат специфические сведения о работе с конкретным типом элементов формы.
Обратите внимание, что имена «Button», «Checkbox» и т. д. из первого столбца таблицы могут не соответствовать реальным объектам в клиентской реализации JavaScript и что стандарт DOM не определяет какие-либо интерфейсы с этими именами. Тем не менее каждый из типов элементов формы имеет свой особенный внешний вид и поведение, и полезно, по крайней мере в «Справочнике по клиентскому JavaScript», рассматривать их как отдельные типы. В «Справочнике по W3C DOM» (часть V) вы найдете материал о формах и их элементах в разделах «HTMLFormElement», «HTMLInputElement », «HTMLTextAreaElement», «HTMLSelectElement» и «HTMLOptionElement ».Теперь, взглянув на различные типы элементов формы и теги HTML, применяемые для их создания, посмотрим на код HTML из примера 15.1, использованный для создания формы. Хотя большую часть примера занимает HTML, в нем также содержится код Java-Script, в котором определены обработчики событий каждого из элементов формы. Вы заметите, что обработчики событий не определяются как атрибуты HTML. Здесь ими являются функции JavaScript, присваиваемые свойствам объектов из массива elements формы. Все обработчики событий вызывают функцию report(), содержащую код, который работает с разными элементами формы.
В следующем разделе этой главы описано все, что вам надо знать для понимания работы функции report().
Пример 15.1. Форма HTML, содержащая все виды элементов
| Form Elements | Text | Password | Textarea | FileUpload | Checkbox |
| Radio | Select (list) | Select (menu) | Button | Submit | Reset |
Она вызывается из различных обработчиков.
function report(element, event) {
var elmtname = element.name;
if ((element.type == "select-one") || (element.type == "select-multiple")){
value = " ";
for(var i = 0; i
value += element.options[i].value + " ";
}
else if (element.type == "textarea") value = "...";
else value = element.value;
var msg = event + ": " + elmtname + " (" + value + ")\n";
var t = element.form.textarea;
t.value = t.value + msg;
}
// Эта функция добавляет к каждому элементу в форме набор обработчиков событий.
// Она не проверяет, поддерживается ли в этом элементе данный обработчик,
// добавляются все обработчики событий. Обратите внимание, что обработчики событий
// вызывают приведенную выше функцию report(). Заметьте, что мы определяем
// обработчики событий, присваивая функцию свойствам объектов JavaScript, а не
// присваивая строки атрибутам HTML-элементов.
function addhandlers(f) {
// Цикл по всем элементам формы
for(var i = 0; i
var e = f.elements[i];
e.onclick = function() { report(this, "Click"); }
e.onchange = function() { report(this, "Change"); }
e.onfocus = function() { report(this, "Focus"); }
e.onblur = function() { report(this, "Blur"); }
e.onselect = function() { report(this, "Select"); }
}
// Определяем несколько особых обработчиков событий для трех кнопок:
f.clearbutton.onclick = function() {
this.form.textarea.value=""; report(this,"Click");
}
f.submitbutton.onclick = function () {
report(this, "Click"); return false;
}
f.resetbutton.onclick = function() {
this.form.reset(); report(this, "Click"); return false;
}
}
// И наконец, активизируем нашу форму, добавляя все возможные
// обработчики событий!
addhandlers(document.everything);
Форма государства - это структурный, территориальный и политический способ организации деятельности государства, который включает в себя форму правления, форму государственного устройства и форму государственно-политического режима.
Статья 1 Конституции РФ.
1. Российская Федерация - Россия есть демократическое федеративное правовое государство с республиканской формой правления.
2. Наименования Российская Федерация и Россия равнозначны.
Раскройте понятие, перечислите и опишите виды форм правления.
Форма правления - это способ организации верховной государственной власти и порядок ее образования.
1. Монархия - форма правления, при которой верховная государственная власть принадлежит одному лицу (монарху) и передается, как правило, по наследству.
· древневосточная (первая в истории человечества форма правления); древнеримская (Римская империя);
· феодальная (включает в себя: раннефеодальную, сословно-представительную и абсолютную монархии);
· конституционная, включающая в себя парламентарную и дуалистическую монархии.
2. Республика - форма правления, при которой власть принадлежит органам государственной власти, избираемой населением на определенный срок.
В зависимости от того, кто формирует правительство, кому оно подотчетно и подконтрольно, в литературе различают парламентские, президентские и смешанные республики.
Раскройте понятие и охарактеризуйте виды форм государственного устройства.
Форма государственного устройства - это внутреннее строение государства, способ его административно-территориального деления, обуславливающий определенные взаимоотношения органов всего государства с органами его составных частей.
1. Унитарное государство - это такое единое государственное образование, на территории которого действуют единые высшие органы государственной власти и управления, вооруженные силы, конституция, единое законодательство, судебная система и единое гражданство. Могут быть - централизованными, децентрализованными, национальными (Эстония, Япония) и многонациональными (Китай, Афганистан).
2. Федеративное государство - это такое государство, которое состоит из ряда государств или государственных образований, на территории которого действуют федеральные и республиканские (субъектов федерации) органы власти. Выделяют два вида федерации: административные (США, Мексика) и национальные (Югославия).
3. Конфедерация - это временный союз суверенных государств, который образуется для совместного решения политических, экономических или военных задач, не имеющий, как правило, единых органов власти и управления, единого бюджета и гражданства. Разновидностями конфедерации являются межгосударственные союзы, содружества и сообщества государств. Вместе с тем следует отличать конфедерации от коалиций, которые представляют собой временные политические или военные союзы двух и более государств, созданных для наступательных и оборонительных целей при наличии общего противника.
Раскройте понятие политического режима. Перечислите виды политических режимов, опишите их признаки.
Государственно-политический режим - это элемент формы государства, характеризующий совокупность приемов, методов, способов и средств осуществления государственной власти.
1. Демократический.
Признаки:
· господство закона;
· разделение властей;
· наличие у граждан реальных политических и социальных прав и свобод и их юридическая защищенность и гарантированность;
· выборность и сменяемость центральных и местных органов государственной власти, их подотчетность перед избирателями, гласность;
· наличие свободно формируемых политических партий;
· существование оппозиции, плюрализм и др.
2. Антидемократический (тоталитарный, авторитарный, фашистский и др.).
Признаки:
· господство беззакония и террора;
· отсутствие политического плюрализма;
· запрещение деятельности оппозиционных партий;
· отсутствие демократических прав и свобод граждан;
· отсутствие демократических выборов при формировании органов власти и др.
Раскройте понятие и опишите структуру политической системы общества.
Политическая система - это упорядоченная на основе права и иных социальных норм совокупность институтов (государственных органов, политических партий, движений, общественных организаций и т.п.) в рамках которой проходит политическая жизнь общества и осуществляется политическая власть (А.В. Малько).
Таким образом, политическая система общества представляет собой отражение политической жизни общества в целом.
Выделяют 5 структурных элементов политической системы:
1. Институционный (организационный) элемент является основным в политической системе, т.к. придает системе устойчивость, формирует ее нормативную основу и другие средства воздействия на общество. В данный элемент входят государственные органы, общественные объединения (организации, фонды, органы самодеятельности и т.п.) политические партии как специфический субъект и др.
2. Нормативный элемент включает в себя нормативные основы деятельности политической системы (политические нормы, содержащиеся в Уставах политических партий, нормы права, содержащиеся в Конституции, Федеральном законе «Об общественных объединениях» и др., политические обычаи и традиции (например, открытие первой сессии парламента старейшим депутатом);
3. Функциональный элемент раскрывает содержание конкретных действий и функционирования на практике данного элемента политической системы (например, политические действия - проведение митингов, шествий, демонстраций, пикетирования и др.; политические процессы - процесс формирования парламента, Правительства, общественного мнения и др.; акты реализации функций, присущих структурным элементам политической системы - фактическое выдвижение кандидата в выборные государственные органы).
4. Идеологический элемент включает в себя теории, представления, понятие об обществе и путях его развития, политическое сознание в обществе и др.
5. Коммуникативный элемент включает в себя все виды средств массовой информации и представляет собой те каналы, по которым до общества доводится информация о деятельности различных компонентов политической системы и решениях, принимаемых теми или иными органами.
При этом следует отметить, что указанные выше элементы политической системы рассматриваются в их единстве и взаимосвязи.
Существует и иная классификация структурных элементов политической системы, которая включает в себя следующие компоненты:
· политическая организация общества, включающая в себя государство, политические партии и движения, общественные организации, трудовые коллективы и т.п.;
· политическое сознание, характеризующее психологические и идеологические стороны политической власти и политической системы;
· социально-политические и правовые нормы, регулирующие политическую жизнь общества и процесс осуществления политической власти;
· политические отношения, складывающиеся между элементами системы по поводу политической власти;
· политическая практика, состоящая из политической деятельности и совокупного политического опыта.
Раскройте понятие и перечислите признаки государственной власти. Назовите отличия государственной власти от иных видов социальной власти.
Государственная власть - способность государства, его структур с помощью легитимных средств подчинять поведение отдельных индивидов, групп людей или всего общества общей (государственной) воле.
Признаки государственной власти:
· публичный характер;
· суверенитет;
· легитимность;
· легальность;
· единство;
· разделение властей;
· законность и др.
Отличие государственной власти от других ее видов - в наличии группы людей , которые властвуют, в чьих руках находится аппарат проведения в жизнь государственной воли.
Каждый элемент страницы можно рассматривать как объект, который имеет свои свойства, методы и обработчики событий. Чаще всего события на странице связаны с формой (нажатие кнопки, например).
Формы в документе представлены семейством Forms. К именованным формам можно обратиться непосредственно по имени: forms.MyForm.свойство или MyForm.свойство.
Общие свойства элементов формы:
Value – возвращает содержимое объекта.
Disabled – делает объект неактивным.
Name – возвращает строку со значением name объекта.
Общие события элементов формы:
OnFocus – объект попал в фокус, стал активным.
OnBlur – объект вышел из фокуса.
OnClick – произошло нажатие мыши в области объекта.
OnDblClick – произошло двойное нажатие мыши в области объекта.
OnMouseOver – мышь наведена на элемент.
OnMouseOut – указатель мыши «ушел» с элемента.
Общие методы элементов формы:
focus – передает фокус указанному элементу формы.
blur – удаляет фокус из элемента формы.
Элементы Text, Password, textArea.
Свойства:
maxLength – возвращает максимальную длину строки.
defaultValue – возвращает первоначальное значение элемента, установленное в тегах.
Методы:
select() – выделяет область ввода указанного элемента формы.
События:
OnChange – содержимое объекта было изменено. Проверяется конечный результат. То есть, в процессе редактирования могли быть внесены, а затем удалены изменения. Если начальное состояние поля равно конечному состоянию, то считается что событие не произошло.
OnSelect – произошло выделение части текста.
Элемент CheckBox, Radio.
Свойства:
checked – проверка текущего состояния флажка. True – установлен, False – снят.
defaultChecked - возвращает первоначальное значение элемента, установленное в тегах.
Элемент Select.
Свойства:
options – массив параметров option объекта.
selectedIndex – возвращает индекс выбранного элемента.
selected – возвращает логическое значение, показывающее текущее состояние параметра в объекте.
defaultSelected – возвращает логическое значение - первоначальное значение элемента, установленное в тегах.
index – возвращает индекс элемента.
События:
OnChange – содержимое объекта было изменено.
Теги логического разделения. Общие атрибуты тегов.
HTML тег
(horizontal rule) определяет горизонтальную линию, которая вставляет разрыв строки до и после себя и занимает всю доступную ширину. Такая линия будет полезна при отделении тематического вступления от основного текста, например смена сцен в рассказе или переход к дополнительной информации в рамках раздела справочника.
Некоторые элементы HTML, которые могут присутствовать внутри тега BODY, называются элементами «уровня блока », в то время как другие - «встроенными » (также называемыми элементами «уровня текста»).
Модель содержимого
Элементы уровня блока могут содержать встроенные элементы и другие элементы уровня блока.
Встроенные элементы могут содержать только данные и другие встроенные элементы. Этому структурному различию свойственна идея о том, что элементы блока создают «большие» структуры, чем встроенные элементы.
Форматирование
По умолчанию элементы уровня блока форматируются иначе, чем встроенные элементы. Обычно элементы уровня блока начинаются с новой строки, а встроенные элементы - нет.
Группировка элементов: элементы DIV и SPAN
Начальный тег: обязателен, Конечный тег: обязателен
Элементы DIV и SPAN вместе с атрибутами id и class обеспечивают общий механизм добавления в документы структуры. Эти элементы определяют встраиваемую информацию (SPAN) или информацию уровня блока (DIV), но не налагают никаких других выражений для представления контекста.
Визуальные браузеры обычно помещают символ перевода строки перед и после элементов DIV
Общие атрибуты тегов
Общие атрибуты могут использоваться практически для любого тега HTML. Поэтому их и выделяют в отдельную группу, чтобы избежать многочисленных бессмысленных повторов.
Accesskey
Позволяет перейти к текстовому полю с помощью некоторого сочетания клавиш с заданной в атрибуте буквой или цифрой. Браузеры при этом используют различные комбинации клавиш..
Задает один или несколько имен классов для связи элемента со стилевым оформлением. Если указаны несколько классов, то они перечисляются через пробел. Имя класса может содержать в себе латинские буквы (A–Z, a–z), цифры (0–9), дефис (-) и подчеркивание (_), первым символом должна быть буква.
contenteditable
Указывает можно ли редактировать содержание элемента или нет. Возможные значения: "true", "false". Значение "true" можно вообще не указывать (contenteditable).
Contextmenu
Устанавливает контекстное меню для элемента. Значение атрибута – идентификатор меню, созданного с помощью тега
- префикс data- удаляется;
- дефис перед буквой удаляется, а буква за ним становится прописной;
- другие дефисы остаются неизменными.
Например, атрибут data-number-of-users преобразуется в переменную numberOfUsers.
Задает направление отображения текста. Возможные значения:
- ltr – слева направо,
- rtr – справа налево.
Draggable
Указывает, можно ли перетаскивать элемент с помощью мышки или нет. Возможные значения: "true", "false".
Элемент скрыт, т.е. он не отображается на странице, но доступен через скрипты.
Атрибут hidden не работает в Safari, Android, iOS.
Идентификатор элемента, который используется для обращения к элементу через скрипты. Идентификатор – уникальное имя элемента, т.е. в коде документа должен встречаться только один раз. Идентификатор может содержать в себе латинские буквы (A–Z, a–z), цифры (0–9), дефис (-) и подчеркивание (_), первым символом должна быть буква.
В HTML5 id
можно использовать также для ссылки на конкретное место Web-страницы.
Язык содержимого элемента.
Spellcheck
Определяет проверять или не проверять правописание и грамматику в тексте. Возможные значения: "true", "false". Значение "true" можно вообще не указывать (spellcheck). Результат будет заметен только для полей форм и