Информатика. 11 класс (Повышенный уровень)
§ 6. Проектирование интерфейса оконного приложения с использованием элементов управления
6.2. Элемент управления Button (кнопка)
Компонент Button (кнопка) относится к элементам управления. На панели компонентов Standard кнопка изображена в виде , имя объекта — Button. Кнопка, помещенная на форму, получает имя ButtonN, где N — номер 1, 2, 3… (пример 6.4). При необходимости кнопку можно переместить в любое место формы. Ключевые точки позволят установить нужный размер кнопки.
Некоторые свойства компонента Button перечислены в таблице (пример 6.5).
Как видно из таблицы, многие свойства кнопки совпадают по именам и назначениям со свойствами формы, поэтому в дальнейшем для компонентов будут указываться только те свойства, которые отличны от уже описанных для других компонентов.
Основным событием компонента Button является OnClick. Для создания обработчика события OnClick для кнопки можно поступить так же, как и при создании аналогичного обработчика для формы: выбрать событие на вкладке Events и выполнить двойной щелчок в поле напротив события OnClick. Можно просто выполнить двойной щелчок по кнопке. (Для формы основным событием является событие OnCreate, поэтому при двойном щелчке по форме создается обработчик события OnCreate.)
Пример 6.6. Создать проект, разместив на форме две кнопки. При нажатии на одну из них цвет формы должен измениться на синий, а при нажатии на вторую — должен восстановиться исходный цвет.
Этапы выполнения задания
- Поместить на форму две кнопки.
- Изменить свойство Caption у кнопки Button1 на Изменить цвет.
- Изменить свойство Caption у кнопки Button2 на Восстановить цвет.
- Создать обработчик события OnClik для кнопки Button1 и изменить цвет формы. Команда
Form1 -> Color = clBlue; - Создать обработчик события OnClik для кнопки Button2 и изменить цвет формы на первоначальный (название цвета формы указано в поле Color инспектора объектов). Команда
Form1 -> Color = clBtnFace; - Сохранить изменения в проекте.
Пример 6.4. Компонент Button на форме:
Пример 6.5. Свойства компонента Button.
Свойство
Назначение
Заголовок (внешнее имя) кнопки, текст, который отображается на кнопке. По умолчанию — Button 1
Свойства шрифта для подписи заголовка. Свойство Font является сложным, о че м свидетельствует значок 
. При нажатии на этот значок раскрываются все свойства шрифта. Нажатие на кнопку 
вызовет стандартное окно установки свойств шрифта
Горизонтальная координата положения верхнего левого угла кнопки на форме
Вертикальная координата положения верхнего левого угла кнопки на форме
Имя (внутреннее) кнопки. Используется в программном коде для обращения к объекту. Является идентификатором
Значение True этого свойства обеспечивает доступность кнопки для мыши или клавиатуры
Значение True этого свойства обеспечивает видимость кнопки во время выполнения приложения
Пример 6.6. Внешний вид формы в режиме конструктора дизайна:
Внешний вид формы при выполнении:
Кроме кнопок Button в C++Builder применяются кнопки 
и 
, расположенные на палитре компонентов Additional.
Кнопки BitBtn — кнопки с изображением. Свойство Kind данного объекта позволяет выбрать кнопку с одним из стандартных изображений.
Кнопки SpeedBtn (кнопки с фиксацией и графикой) применяются тогда, когда требуется фиксация нажатого состояния.
Свойство Glyph позволяет вставить изображение из файла на кнопках BitBtn и SpeedBtn.
Button 2 что за кнопка
Тег создает на веб-странице кнопки и по своему действию напоминает результат, получаемый с помощью тега (с атрибутом type=»button | reset | submit» ). В отличие от этого тега, предлагает расширенные возможности по созданию кнопок. Например, на подобной кнопке можно размещать любые элементы HTML, в том числе изображения. Используя стили можно определить вид кнопки путем изменения шрифта, цвета фона, размеров и других параметров.
Теоретически, тег должен располагаться внутри формы, устанавливаемой элементом . Тем не менее, браузеры не выводят сообщение об ошибке и корректно работают с тегом , если он встречается самостоятельно. Однако, если необходимо результат нажатия на кнопку отправить на сервер, помещать в контейнер обязательно.
Синтаксис
Атрибуты
accesskey Доступ к элементам формы с помощью горячих клавиш. autofocus Устанавливает, что кнопка получает фокус после загрузки страницы. disabled Блокирует доступ и изменение элемента. form Связывает между собой форму и кнопку. formaction Задаёт адрес, на который пересылаются данные формы при нажатии на кнопку. formenctype Способ кодирования данных формы. formmethod Указывает метод пересылки данных формы. formnovalidate Отменяет проверку формы на корректность. formtarget Открывает результат отправки формы в новом окне или фрейме. name Определяет уникальное имя кнопки. type Тип кнопки — обычная, для отправки данных формы на сервер или для очистки формы. value Значение кнопки, которое будет отправлено на сервер или прочитано с помощью скриптов.
Также для этого тега доступны универсальные атрибуты и события.
Закрывающий тег
HTML5 IE Cr Op Sa Fx
Тег BUTTON
Результат данного примера показан на рис. 1.
Рис. 1. Вид кнопок в браузере Safari
Браузеры
Internet Explorer до версии 7.0 включительно не поддерживает атрибут value .
— элемент кнопки
HTML-элемент создаёт кликабельную кнопку, которая может быть использована в формах или в любом другом месте документа, который требует простой, стандартной кнопки. По умолчанию, кнопки HTML обычно представлены в стиле, аналогичном стилю хост-платформы, на которой работает user agent, но вы можете изменить внешний вид кнопки, используя CSS.
| Категории контента | Общий поток (en-US) , текстовый контент (en-US) , интерактивный контент (en-US) , listed (en-US) , labelable (en-US) , и submittable (en-US) form-associated (en-US) элемент, очевидный контент. |
|---|---|
| Допустимое содержимое | Текстовый контент (en-US) . |
| Пропуск тегов | Нет, открывающий и закрывающий теги обязательны. |
| Допустимые родители | Любой элемент с поддержкой текстового контента (en-US) . |
| Допустимые ARIA-роли | checkbox , link (en-US) , menuitem (en-US) , menuitemcheckbox (en-US) , menuitemradio (en-US) , radio (en-US) , switch (en-US) , tab (en-US) |
| DOM-интерфейс | HTMLButtonElement |
Атрибуты
Данный булевый атрибут позволяет указать, будет ли кнопка автоматически сфокусирована после загрузки страницы, до тех пор, пока пользователь не изменит фокус в ручную, например выбрав другой элемент. Только один связанный с формой элемент в документе может иметь данный атрибут.
Использование данного атрибута на элементе не описано в стандарте и используется только в Firefox браузере. По умолчанию, в отличие от прочих браузеров, Firefox сохраняет назначенное динамически отключённое состояние для элемента при последующих загрузках страницы. Установка для данного атрибута значения off отключает подобное поведение. Смотрите баг 654072.
Булевый атрибут, указывающий, что пользователь не может взаимодействовать с кнопкой. Если атрибут не установлен, то кнопка наследует его от элемента-контейнера, в котором она расположена, например от ; если отсутствует элемент-контейнер, с установленным атрибутом disabled, то кнопка доступна для взаимодействия.Firefox по умолчанию, в отличие от прочих браузеров, сохраняет назначенное динамически отключённое состояние для элемента , даже при обновлении страницы. Чтобы изменить поведение браузера в этом случае, используйте атрибут autocomplete .
Ссылка на обработчик формы. Если атрибут определён — он переопределит атрибут action у формы-родителя.
Если button имеет тип submit , то этот атрибут определяет тип контента, отправляемого на сервер. Возможные значения данного атрибута:
- application/x-www-form-urlencoded : значение по умолчанию, если атрибут не указан.
- multipart/form-data : следует использовать это значение, если форма содержит элемент со значением атрибута type file .
- text/plain Если этот атрибут определён, он переопределяет атрибут enctype у формы-родителя.
Если button имеет тип submit , то этот атрибут определяет метод HTTP-запроса для отправки данных на сервер. Возможные варианты:
- post : данные формы включаются в тело сообщения и отправляются на сервер.
- get : данные формы отправляются на сервер в виде ссылки, состоящей из URI атрибута action и непосредственно данных, отделённых знаком ‘?’. Данные формы будут иметь вид ключ/значение и разделены амперсандом, например name=Name&id=35. Следует использовать этот метод только если нет побочных эффектов и данные формы содержат лишь ASCII-символы.Если этот атрибут определён, он переопределяет атрибут method у формы-родителя.
Булевый атрибут. Указывает, что данные формы не будут валидироваться при отправке.Если этот атрибут определён, он переопределяет атрибут novalidate у формы-родителя.
Если button имеет тип submit , этот атрибут является именем или ключевым словом,указывающим, где отображать ответ, полученный после отправки формы. This is a name of, or keyword for, a browsing context (for example, tab, window, or inline frame). If this attribute is specified, it overrides the target attribute of the button’s form owner. The following keywords have special meanings:
- _self : Load the response into the same browsing context as the current one. This value is the default if the attribute is not specified.
- _blank : Load the response into a new unnamed browsing context.
- _parent : Load the response into the parent browsing context of the current one. If there is no parent, this option behaves the same way as _self .
- _top : Load the response into the top-level browsing context (that is, the browsing context that is an ancestor of the current one, and has no parent). If there is no parent, this option behaves the same way as _self .
Название кнопки, которая отправляется вместе с данными формы.
Устанавливает тип кнопки. Достпуные значения:
- submit : Кнопка отправляет данные формы на сервер. Это значение по умолчанию, если атрибут не указан или если атрибут динамически изменен на пустое или недопустимое значение.
- reset : Кнопка сбрасывает все элементы управления к их начальным значениям. Удаляет данные, введенные в форму.
- button : Кнопка не имеет поведения по умолчанию. При этом на странице могут быть скрипты, активируемые при возникновении определённых событий на кнопке.
- menu : Кнопка открывает всплывающее меню, определяемое с помощью соответствующего элемента.
Начальное значение кнопки.
Что такое «Обычная кнопка» (button type=’button’)
А для чего они используются? Т.е. если кнопки типа reset сбрасывает все данные формы, кнопки типа submit шлют HTTP запрос с данными формы по указанному URL, а что делает «обычная кнопка»? Можно самый простенький пример?
Отслеживать
задан 7 янв 2020 в 15:28
437 3 3 серебряных знака 9 9 бронзовых знаков
7 янв 2020 в 15:42
3 ответа 3
Сортировка: Сброс на вариант по умолчанию
Cамый простенький пример:
TESTОтслеживать
ответ дан 7 янв 2020 в 15:30
user176262 user176262
button может быть контейнером для других элементов, в отличие от input.
Отслеживать
ответ дан 7 янв 2020 в 15:44
ANGRY SHARK ANGRY SHARK
466 2 2 серебряных знака 14 14 бронзовых знаков
ну например всё что вы укажете в своих javascript сценариях
Например вывод сообщения по клику на кнопку
Отслеживать
ответ дан 7 янв 2020 в 15:33
59 1 1 серебряный знак 5 5 бронзовых знаков
-
Важное на Мете
Связанные
Похожие
Подписаться на ленту
Лента вопроса
Для подписки на ленту скопируйте и вставьте эту ссылку в вашу программу для чтения RSS.
Дизайн сайта / логотип © 2023 Stack Exchange Inc; пользовательские материалы лицензированы в соответствии с CC BY-SA . rev 2023.10.27.43697
Нажимая «Принять все файлы cookie» вы соглашаетесь, что Stack Exchange может хранить файлы cookie на вашем устройстве и раскрывать информацию в соответствии с нашей Политикой в отношении файлов cookie.