(✓), или реже крестик(×)). По традиции флажок имеет квадратную форму. Рядом с флажком отображается его обозначение, обычно - подпись, реже - значок. Для увеличения площади активного элемента одинаково реагирует на нажатие мышью как сам флажок, так и подпись к нему.
В Юникоде , пустой и отмеченный чекбоксы представлены кодами U+2610 (☐ , "BALLOT BOX"), U+2611 (☑ , "BALLOT BOX WITH CHECK"), и U+2612 (☒ , "BALLOT BOX WITH X").
В мобильных приложениях распространёна особая разновидность переключателя - так называемый тумблер (toggle switch ) . В отличие от флажка, чтобы включить или выключить тумблер, нужно перетащить движок тумблера в ту или иную сторону. Часто на самом тумблере выводят его положение, однако пользователю не всегда очевидно, находится ли тумблер в этом состоянии, или перейдёт в него, если переместить движок. Поэтому обычно советуют подписывать положения тумблера снаружи. Кнопки с фиксацией применяются обычно в панелях инструментов , так как занимают мало места и позволяют размещать на себе значок. По виду кнопки невозможно определить, фиксируется она или нет.
Кнопки с изменяющейся надписью/значком - в них также есть проблема: является ли надпись/значок индикатором текущего состояния или действия, которое произойдёт после нажатия? Поэтому такие кнопки применяются только тогда, когда текущее состояние понятно из контекста.
Также вместо флажка можно использовать переключатели (радиокнопки , кнопки с зависимой фиксацией и т. д.), если им задать только два положения.
В данной статье или разделе имеется или внешних ссылок , но источники отдельных утверждений остаются неясными из-за отсутствия сносок .
Утверждения, не , могут быть поставлены под сомнение и удалены. Вы можете улучшить статью, внеся более точные указания на источники. |
|
Элемент управления OptionButton служит для выбора одного элемента из нескольких представленных в группе взаимоисключающих элементов.
Переключатели всегда должны находиться в группах, причем, только один из переключателей может быть «нажат» (активизирован). Пользователь может менять свое решение, отменяя предыдущий выбор. Такие кнопки иногда называют селекторными или радио кнопками по аналогии с переключателем диапазонов в приемнике.
Свойства элемента управления OptionButton
Name имя элемента по умолчанию Option1, Option2 и т.д.; можно задать с префиксом, например, OptButton.
Caption слева илисправа от элемента OptionButton.
Alignment определяет, где выводится подсказка. Если значение свойства равно 0, то подсказка выводится справа от элемента OptionButton, если значение равно 1, то подсказка выводится слева от элемента.
Value логическое свойство, которое определяет, нажата или нет кнопка. Если значение свойства равно True, кнопка нажата, если равно False, то кнопка не нажата.
При создании переключателя значение свойства Value = False, т.е. в исходном состоянии переключатель находится в выключенном положении. Только один из переключателей в группе может находиться во включенном состоянии. Как только значение одного из переключателей становится равным True, аналогичные свойства всех других переключателей сбрасываются в False.
Э лемент управления CheckBox (Флажок) используется для ввода пользователем ответа типа «Да», когда флажок находится во включенном состоянии и на нем высвечивается пометка в виде «галочки».
Когда элемент управления CheckBox находится в выключенном состоянии, кнопка не нажата, т.е. «галочки» нет. Это соответствует ответу типа «Нет». Флажок идеально подходит для тех случаев, когда вы хотите предоставить пользователю набор вариантов, из которых он может выбрать только один вариант, несколько или ничего не выбрать. Например, чтобы отобразить погодные условия, разместим на форме три флажка:
Гололед
И каждый раз, стартуя программу, пользователь отмечает наличие того или иного, или всех сразу природных явлений, щелчком на соответствующей кнопке.
Свойства элемента управления CheckBox
Name значение свойства по умолчанию Check1, Check2и т.д.; можно задать с префиксом, например,ChkFlag.
Caption свойство содержит текст подсказки, выводимойслева илисправа от элементаCheckBox.
Alignment определяет, где (слева или справа) выводится подсказка. Если значение свойства равно 0, то подсказка выводится справа от элемента CheckBox, если значение равно 1, то подсказка выводится слева от элемента.
Value данное свойство определяет, помечена кнопка или нет (т.е. выбрана кнопка или нет). Свойство имеет три значения: 1,0,2.
1 кнопка выбрана (помечена галочкой),
0 кнопка не выбрана (это значение по умолчанию),
2 кнопка недоступна (флажок и пометка на нем обесцвечены).
Элемент управления Frame (Рамка). Объединение кнопок в группы
Э лемент управленияFrame служит контейнером для других элементов. Кроме того, он позволяет сгруппировать несколько элементов управления.
Рамки необходимы, когда на форме надо установить более одного набора кнопок переключателей. Внутри рамки набор кнопок работает как группа, независимо от других кнопок. Следует иметь в виду, что сначала на форму добавляется рамка, а после этого внутрь рамки добавляются кнопки переключатели или другие элементы управления. При перемещении рамки вместе с ней перемещаются и объекты внутри нее. Можно также разместить одну рамку внутри другой.
Свойства элемента управления Frame
Name значение свойства по умолчанию задается Frame1, Frame2и т.д., можно задать имя с префиксом Frm.
Caption хранит текст, размещаемый в левом верхнем углу рамки. Это свойство используется для идентификации содержимого группы. Если надо, чтобы группа не имела подписи, то свойству Caption надо присвоить пустую строку.
Appearance позволяет придать рамке объемный вид.
BorderStyle определяет, будет ли вокруг группы обведена рамка или нет. (Если значение свойства равно 0, рамки нет).
Правила при работе с группами элементов
Если на форме уже есть некоторые элементы управления, то они не попадут в группу даже, если поместить поверх них элемент Frame.
Чтобы поместить в группу элемент управления, надо щелкнуть по соответствующей кнопке на панели элементов управления и перетащить указатель мыши во внутрь группы, после чего растянуть элемент управления. Другой способ дважды щелкнуть по элементу управления, предварительно проследив, чтобы группа была выбрана.
Нельзя включить элемент управления в группу, перетащив его из формы во внутрь элемента Frame. Точно также, нельзя исключить элемент управления из группы, перетащив его из рамки на форму.
Для перетаскивания элемента управления из формы в группу (во внутрь рамки) следует:
вырезать элемент управления в буфер (Cut) или (Copy);
выделить контейнер;
выполнить вставку из буфера (Paste).
Для упрощения ввода данных вы можете вставлять такие элементы управления формы, как флажки и переключатели. Флажки хорошо подходят для форм с несколькими вариантами. Переключатели удобнее использовать, когда у пользователя только один вариант выбора.
Чтобы добавить флажок или переключатель, вам понадобится вкладка Разработчик на ленте.
Примечания: Чтобы добавить вкладку "Разработчик", выполните следующие действия:
Совет: Если виден не весь текст, щелкните и перетаскивайте один из маркеров, пока не будет виден весь текст. Размер элемента управления и его расстояние от текста изменить нельзя.
После вставки флажка или переключателя желательно проверить, работает ли он нужным образом. Например, может потребоваться настроить его внешний вид или свойства.
Примечание: Размер переключателя внутри элемента управления и его расстояние от текста невозможно изменить.
Щелкните элемент управления правой кнопкой мыши и нажмите клавишу DELETE.
В настоящее время элементы управления "флажок" нельзя использовать в Excel Online. Если вы работаете в Excel Online и открыли книгу с флажками или другими элементами управления (объектами), вы не сможете редактировать книгу, не удаляя эти элементы управления.
Важно: Если вы видите сообщение "изменить в браузере?" или "неподдерживаемые возможности", а затем снова хотите изменить книгу в браузере, все объекты, такие как флажки, будут потеряны сразу. Если это случится и вы хотите, чтобы эти объекты были возвращены, используйте предыдущие версии для восстановления более ранней версии.
Если у вас есть классическое приложение Excel, нажмите кнопку Открыть в Excel и добавьте флажки или переключатель.
Вы всегда можете задать вопрос специалисту Excel Tech Community , попросить помощи в сообществе Answers community , а также предложить новую функцию или улучшение на веб-сайте
В прошлом уроке мы изучили понятие формы. Её основная задача - объединить формы ввода данных определённого типа. Например, форма может объединить данные анкеты, теста и тд. В этом уроке мы научимся делать сами поля ввода!
За заполнение формы отвечает специальный тег , у него есть атрибут type, который позволяет создать определённые заполняемые поля: текстовые поля, радиокнопки, флажки, списки, кнопки. Повторяю, все перечисленные вверху элементы доступны лишь в одном теге - .
Ниже пример работы в HTML
У тега имеется несколько очень важных значений атрибутов.
name - атрибут, который следует всегда задавать для элемента, чтобы обработчик (скрипт) понимал, input с каким именем он обрабатывает.
Так скрипт обработки поймёт, что это два разных поля.
type - данный атрибут отвечает за указание типа поля. Как уже говорилось ранее, при определённом типе input может стать радиокнопкой, флажком, списком, кнопкой, текстовым поля.
size - атрибут, указывающий размер для текстового поля, когда type указан как text. Указанные данные воспринимаются как ширина поля.
Тег имеет много других атрибутов, например, id (уникальный идентификатор поля, нужен, например, при работе с JavaScript), value (рассмотрим ниже). В статье я указал все основные атрибуты и значения, которых вполне достаточно для работы с полями input.
text - значение атрибута указывает на то, что будет отображено обычное текстовое поле, изначально доступное для изменения.
Атрибут value
не обязателен, его можно вообще не указывать. Однако, если нужно указать значение по умолчанию, которое будет изначально отображаться в поле, то его следует заполнить.
password - превращает input в поле для заполнения пароля. Отличие от text заключается в том, что вводимые данные будут отображаться как звёздочки, а после заполнения всей формы браузер будет понимать, что в этом поле пароль и будет спрашивать, нужно ли его сохранить.
submit - подобное значение атрибута type определяет input как кнопку, при нажатии которой будет прорабатываться определённый сценарий (что такое сценарий вы узнаете позже, изучив языки PHP и JavaScript). Кнопка используется для того, чтобы отправить данные из форм к обработчику, написанному, например, на вышеуказанных языках. Есть и другие, но указал самые популярные.
reset - это ещё один вид кнопки, который обнуляет все значения в форме. после её нажатия их нужно будет заполнить заново.
radio
- Данное значение создает радиокнопку, то есть переключатель. Используется, как правило, для значений с небольшим количеством вариантов. Например, выбрать пол, интервал с возрастом и тп. выглядит следующим образом:
У атрибута type задано значение radio - это радиокнопка. В значение value записывается та фраза или слово, которое вы хотите получить, если кто-то выбрал определенную радиокнопку и отправил данные.
Бывают и другие случаи, когда пользователю нужно выбрать несколько вариантов ответа. В этом случае используется уже не радиокнопка (принимает только один вариант), а флажок или чекбокс.
checkbox - это поле, которое работает так же как и радиокнопка. С разницей лишь в том, что можно выделить несколько чекбоксов в качестве вариантов ответа. Также как и с радиокнопкой, если к вопросу принадлежат несколько чекбоксов, то у них атрибут name должен быть соответственно одинаково заполнен. В value соответственно будет указано значение выбранного поля.
Как сделать так, чтобы у пользователя сразу был выбран ответ (чекбокс или радиокнопка)?
Для этого существует одиночный атрибут checked. Его нужно указать в конце тега input. Так как атрибут одиночный, то значений у него никаких нет. Надо лишь добавить его в элемент input. Например, как в записи ниже:
Как сделать так, чтобы напротив чекбокса или радиокнопки был виден текст, поясняющий данный выбор?
Для этого перед и после радиокнопки или чекбокса пишем тег
Соответственно указываете в теге label, открывающем и закрывающем, сам чекбокс и нужные слова. И внимание! Даже если пользователь нажмёт на слово, то чекбокс всё равно будет выделен.