Movatterモバイル変換


[0]ホーム

URL:


Jump to content
WikipediaThe Free Encyclopedia
Search

Button (computing)

From Wikipedia, the free encyclopedia
Graphical user interface element
For the buttons used to identify a program used to build a web site, seeWeb button. For keyboard buttons, seeKeyboard (computing).
icon
This articleneeds additional citations forverification. Please helpimprove this article byadding citations to reliable sources. Unsourced material may be challenged and removed.
Find sources: "Button" computing – news ·newspapers ·books ·scholar ·JSTOR
(April 2011) (Learn how and when to remove this message)
Different types of buttons inGTK

Incomputing, abutton (sometimes known as acommand button orpush button) is agraphical control element that provides the user a simple way to trigger anevent, like searching for a query at asearch engine, or to interact withdialog boxes, like confirming an action.[1]

Overview

[edit]

A typical button is a rectangle or rounded rectangle, wider than it is tall, with a descriptive caption in its center.[2] However, a button is not always restricted to a rectangular shape. Other buttons may be square or round, with simpleicons.

The most common method of pressing a button is clicking it with apointer controlled by amouse ortouchpad, but other inputs such as keystrokes can be used to execute the command of a button.

The sole requirement of button interaction is that the user can execute a command by aclick action. Thus, pictures and background areas can be programmed as buttons. When pressed, in addition to performing a predetermined task, buttons often undergo a graphical change to mimic a mechanical button being depressed.

Depending on the circumstance, buttons may be designated to be pushed only once and execute a command, while others may be used to receive instant feed back and may require the user to click more than once to receive the desired result. Other buttons are designed to toggle behavior on and off like acheck box.[3] These buttons will show a graphical clue (such as staying depressed after the mouse is released) to indicate the state of the option. Such a button may be called a latch button or alatching switch.

A button often displays atooltip when a user moves the pointer over it, especially if the button's content is a standalone icon. The tooltip serves as built-in documentation that briefly explains the purpose of the button. If you hover your mouse over the blue window button below (without clicking it or moving your mouse), it will display a text saying "Window (computing)."

Some very common incarnations of the button widget are:

  • AnOK button for confirming actions and closing the windows
  • ACancel button for canceling actions and closing thewindow
  • AnApply button for confirming actions without closing the window
  • AClose button for closing windows after changes have already been applied

Appearance

[edit]

macOS

[edit]
This section needs to beupdated. Please help update this article to reflect recent events or newly available information.(June 2015)
Further information:Aqua (user interface)

Buttons inmacOS'sAqua interface are usually depicted as rounded-rectangles of crystallized glass. Normally these buttons are light grey in color and turn blue when pressed. The button with keyboard focus (selectable with the spacebar) appears with a blue glow surrounding it. The default button in anactive window (selectable with the return key) animates between a bright blue and a darker blue (the same color as a pressed button).

Also used, primarily within application toolbars, are slightly rounded rectangles with a light grey metallic appearance. These buttons appear darker and "pushed inward" when pressed.

Window management controls appear in the top left corner of each window. These buttons are similar in style to standard aqua buttons, but are color-coded as a memory aid. From left to right, these are: "Close Window", shown in red; "Minimize Window", shown in yellow; and "Zoom", shown in green, which causes the window to resize to best fit its contents.

Windows shell

[edit]
Further information:Windows shell

Buttons inMicrosoft Windows are usually rectangular, with mildly rounded corners inWindows XP,Vista, and7, inWindows 11. InWindows 8, the buttons are rectangular with sharp corners. A button with activefocus is shown with a black dotted line just inside the border of the button. In addition, more recent versions, the default button is shown with a blue border. InWindows Vista andWindows 7, the default button will slowly fade between its normal appearance and the blue border. Window management controls are in the upper right-hand corner of the application window, and, from left to right: "minimize" the window (causing it to disappear into thetaskbar at the bottom of the screen);maximize the window (causing it to expand to cover the wholescreen; if the window is already maximized, the button will restore it to its previous size and position); and close the window.

Linux and other Unix-like systems

[edit]

The appearance and behavior of buttons inLinux and other Unix-like operating systems is defined primarily by whichwidget toolkit is being employed, the most popular beingGTK andQt, though other toolkits are used as well. The use of multiple toolkits can lead to less uniformlook and feel across applications. Most widget toolkits also have theming capabilities, so there is no single standard appearance as there is withMac OS andWindows.

HTML

[edit]
Further information:Web widget

Buttons appear as elements ofHTML forms to carry out actions such as clearing user input or submitting the form contents to the server. Buttons specified in HTML may be rendered byweb browsers in different ways, typically either using the native button appearance of the underlyingOS, or by using a button definition from within the browser. Buttons may also be styled by the developer of theweb site the form appears on by usingcascading style sheets.

HTML links are sometimes represented by a graphic closely resembling a button. Sometimes this type of link is used in advertisements to induce the user to click the ad and visit the advertiser's site.

References

[edit]
  1. ^button atFOLDOC
  2. ^"Mozilla button description". Archived fromthe original on 2012-04-02. Retrieved2009-09-18.
  3. ^checkState button attribute inMozilla'sXULArchived 2012-04-02 at theWayback Machine
Command input
Data input-output
Informational
Containers
Navigational
Specialwindows
Related concepts
Retrieved from "https://en.wikipedia.org/w/index.php?title=Button_(computing)&oldid=1296150688"
Category:
Hidden categories:

[8]ページ先頭

©2009-2025 Movatter.jp