Ответ:
Клавиша Win (она же — клавиша Windows) на клавиатуре традиционно находится между левыми клавишами Сtrl и Alt и на разных клавиатурах может выглядеть по-разному, в первую очередь из-за изменения самого логотипа Windows.
Часто кнопка Win соседствует с клавишей «дополнительных функций» Fn, однако даже если её расположение нестандартно, её легко распознать по характерной пиктограмме Windows.
Одиночное нажатие на кнопку приведет к вызову меню «Пуск», а комбинация клавиши Win c другими клавишами называются горячими клавишами и используются для быстрого доступа к функциям, таким как:
Понравился ответ? Поделитесь с друзьями:
В данном материале рассмотрим, где находится кнопка Win на клавиатуре, что это за клавиша на ноутбуке, компьютере, в сочетании с какими кнопками используется, как отключить/включить. Клавиша Win содержит на себе лого Windows, при нажатии на которую в семерке и ранних версиях открывается меню Пуск, в восьмерке запускается стартовый экран. Ту же функцию выполняет сочетание клавиш Ctrl + Esc, на случай отсутствия кнопки Win.
На клавиатуре стационарного ПК клавиша Win находится в двух местах нижнего ряда, но бывают исключения. Win слева располагается между кнопками Ctrl и Alt, а Win справа между Alt и кнопкой меню.
В ноутбуках приоритетно, есть только левый Win. Часто он расположен между Fn и Alt.
Помимо вызова меню Пуска, кнопка клавиатуры Win используется в сочетании с другими клавишами для быстрого запуска элементов Windows 7, 8. Например, нажатие Win + R на клавиатуре позволит запустить команду Выполнить в Виндовс 7, 8, а нажав Win + E, откроется проводник Windows. Ниже подробнее рассмотрим, сочетания клавиш.
Горячих клавиш, в которых используется кнопка Win огромное количество, и с каждой новой версией Windows их численность растет. Прежде чем рассматривать сочетания, давайте ознакомимся, как правильно их использовать.
Чтобы использовать горячие клавиши, сначала зажмите кнопку Win, затем нажмите кнопку в зависимости от того какой элемент хотите запустить. После открытия элемента, отпустите Win. Ниже приведена таблица кнопок (самых полезных), в сочетании которых используется Win, а также краткое описание.
Клавиши, используемые с Win | Описание действия |
B | Переносит фокус на панель задач с возможностью управления стрелками и Enter |
C | Вызывает всплывающую шторку настроек справа в Windows 8 |
D | Имитирует действие кнопки «свернуть все окна». |
E | Открывает проводник Windows |
F | Вызывает окошко поиска файлов и папок |
F1 | Вызывает справку Windows |
L | Блокирует компьютер |
M | Минимизирует все окна |
Shift + M | Разворачивает все окна |
Pause | Запускает окошко свойств системы |
R | Запускает окно Выполнить |
U | Открывает специальные возможности, например для включения экранной клавиатуры |
X | Вызывает центр мобильности в семерки, в восьмерке дополнительное меню |
Играя в компьютерную игру, иногда нечаянно нажимается кнопка Windows, что приводит к выходу на рабочий стол и сворачиванию игры на панель задач. Это, как и залипание клавиш раздражает геймеров, поэтому большинство предпочитают отключить кнопку Win. Давайте рассмотрим несколько способов отключения, включения Win, чтобы улучшить игровой опыт.
1. Скачайте исправление Microsoft здесь. Распакуйте его, затем установите. После перезагрузки ПК клавиша Win не будет функционировать, так как исправление вносит изменение в реестр.
Если Вам понадобилась кнопка Win, откройте редактор реестра Windows 7, 8, посетите раздел реестра Keyboard Layout (путь на скриншоте). Правой кнопкой щелкните параметр Scancode Map, выберите «удалить». Закройте реестр, перезапустите компьютер.
2. Скачайте архив с reg-файлами тут, распакуйте его. Файл otkl_win_klav.reg отключает кнопку Win на клавиатуре, а vkl_win_klav.reg включает. Выберите нужный файл, далее запустите его. Нажмите «да» (UAC), «да» для подтверждения слияния, OK. После проделанных манипуляций перезапустите ПК.
Примечание: чтобы не лезть в реестр для включения Win первым способом, Вы можете применить файл vkl_win_klav. reg. Помните, из-за неправильных действий можно повредить реестр, а следовательно, корректную работу системы. Создайте точку восстановления, либо копию реестра.
Теперь Вы поняли, где находится кнопка Win на клавиатуре, что это за клавиша и как отключить/включить ее на ноутбуке, компьютере. Из выше описанного, ясно, что Win является отличным инструментом быстрого доступа и отключать ее необходимо только в особых ситуациях.
Вы можете пропустить чтение записи и оставить комментарий. Размещение ссылок запрещено.
Основное устройство ручного ввода информации, команд и данных. В данной статье рассматривается устройство клавиатуры, раскладка, назначение клавиш, символы и знаки.
Основные функции клавиатуры не нуждаются в специальном программном обеспечении. Необходимые для её работы драйвера уже имеются в ПЗУ BIOS. Поэтому компьютер реагирует на команды основных клавиш клавиатуры сразу после включения.
Принцип действия клавиатуры :
Стандартная клавиатура имеет более 100 клавиш, распределённых по функциональным группам. Ниже показана картинка — фото клавиатуры компьютера с описанием групп клавиш.
Алфавитно-цифровые клавиши служат для ввода информации и команд, набираемых по буквам. Каждая из клавиш может работать в разных регистрах, а также обозначать несколько символов.
Переключения регистра (ввод строчных и прописных символов) осуществляется удержанием клавиши Shift. Для жесткого (постоянного) переключения регистра используется Caps Lock.
Если компьютерная клавиатура используется для ввода текстовых данных, абзац закрывается нажатием клавиши Enter. Далее, ввод данных начинается с новой строки. Когда клавиатуру используют для ввода команд, Enter завершает ввод и начинает её исполнение.
Функциональные клавиши расположены в верхней части клавиатуры и состоят они из 12 кнопок F1 – F12. Их функции и свойства зависят от работающей программы, а в некоторых случаях операционной системы.
Общепринятой функцией во многих программах обладает клавиша F1, вызывающая справку, где можно узнать функции других кнопок.
Специальные клавиши расположены рядом с алфавитно-цифровой группой кнопок. Из-за того, что пользователи часто прибегают к их использованию, они имеют увеличенный размер. К ним относятся:
Клавиши управления курсором находятся справа от алфавитно-цифровой панели. Курсор – экранный элемент, указывающий место ввода информации. Клавиши с указателями выполняют смещение курсора в направлении стрелок.
Дополнительные клавиши:
Дополнительная числовая клавиатура дублирует действия цифровых и некоторых других клавиш основной панели ввода. Для её использования необходимо предварительно включить кнопку Num Lock.
Также, клавиши дополнительной клавиатуры могут использоваться для управления курсором.При нажатии определённого сочетания клавиш, выполняется та или иная команда для компьютера.
Часто используемые сочетания клавиш:
Наверняка, многие пользователи замечали символы для ников , и других социальных сетях. Как сделать символы на клавиатуре, если явных клавиш для этого нет?
Ставить знаки на клавиатуре можно при помощи Alt-кодов – дополнительных команд для ввода скрытых символов. Эти команды вводятся простым нажатием клавиши Alt + число в десятичной системе счисления.
Часто можно встретить вопросы: как сделать сердечко на клавиатуре, знак бесконечности или евро на клавиатуре?
Эти и другие символы на клавиатуре представлены в следующих таблицах в виде рисунков. В столбце «Alt-код» находится числовое значение, после ввода которого, в сочетании с клавишей Alt, отобразится определённый знак. В столбце символ находится конечный результат.
Обратите внимание, если дополнительная цифровая клавиатура не включена – не нажат Num Lock, то комбинация клавиш Alt + число может привести к неожиданным результатам.
Например, если в браузере нажать Alt + 4, без включенного Num Lock, то откроется предыдущая страница.
Иногда пользователи, пытаясь поставить пунктуационный знак на клавиатуре, получают не совсем то, чего ожидали. Связано это с тем, что разная раскладка клавиатуры подразумевает иное использование сочетание клавиш.
Ниже рассмотрено, как ставить знаки препинания на клавиатуре.
Раскладка клавиатуры компьютера — схема закрепления символов национальных алфавитов за конкретными клавишами. Переключение раскладки клавиатуры выполняется программным образом – одной из функций операционной системы.
В Windows, поменять раскладку клавиатуры можно нажатием клавиш Alt + Shift или Ctrl + Shift. Типовыми раскладками клавиатуры считаются английская и русская.
При необходимости, поменять или добавить язык клавиатуры в Windows 7 можно перейдя в Пуск – Панель управления – Часы, язык и регион (подпункт «смена раскладки клавиатуры или других способов ввода»).
В открывшемся окне выберите вкладку «Языки и клавиатуры» — «Изменить клавиатуру». Затем, в новом окне, на вкладке «Общие» нажмите «Добавить и выберите необходимый язык ввода. Не забудьте сохранить изменения, нажав «ОК».
Виртуальная клавиатура — отдельная программа, либо входящее в ПО дополнение. С её помощью осуществляется ввод буков и символов с экрана компьютера при помощи курсора мыши.
Виртуальная клавиатура нужна, например, для сохранности конфиденциальных данных (логина и пароля). При вводе данных с обычной клавиатуры существует риск перехвата информации вредоносными программами-шпионами. Затем, через интернет, информация передаётся злоумышленнику.
Найти и скачать виртуальную клавиатуру можно при помощи поисковых систем, — это не отнимет у вас много времени. Если на вашем ПК установлен антивирус Касперского, запустить виртуальную клавиатуру можно через главное окно программы, она входит в его состав.
Экранная клавиатура расположена на сенсорном экране , смартфона, нажатие по ней происходит пальцами пользователя. Иногда её называют виртуальной.
Чтобы запустить экранную клавиатуру в Windows 7, перейдите в Пуск – Все программы – Стандартные – затем Специальные возможности — Экранная клавиатура. Выглядит она следующим образом.
Для переключения раскладки клавиатуры воспользуйтесь соответствующими кнопками на панели задач (возле даты с временем, слева внизу экрана монитора).
Если у вас вдруг перестала работать клавиатура – не спешите расстраиваться, сначала выясните, что стало причиной поломки. Все причины, из-за которых она не работает можно разделить на аппаратные и программные.
В первом случае, если сломалась аппаратная часть клавиатуры, устранить проблему без специальных навыков весьма проблематично. Порою проще заменить её новой.
Прежде, чем распрощаться с, казалось-бы, неисправной клавиатурой, проверьте кабель, которым она подключена к системному блоку, Возможно, он немного отошел. Если с кабелем всё в порядке, убедитесь, что поломка не вызвана программным сбоем компьютера. Для этого перезапустите свой ПК.
Если после перезагрузки, клавиатура не подаёт признаков жизни, попробуйте растормошить её с помощью имеющегося в Windows решения. Последовательность действий приведена на примере Windows 7, если у вас другая версия операционной системы Виндовс – действуйте по аналогии. Принцип примерно тот же, могут немного отличаться названия разделов меню.
Зайдите в Пуск – Панель управления – Оборудование и звук – Диспетчер устройств. В открывшемся окне, если у вас неполадки с клавиатурой, она будет помечена жёлтым ярлыком с восклицательным знаком. Выделите её мышью и выберите из меню Действие – Удалить. После удаления закройте Диспетчер устройств.
Вернитесь на вкладку «Оборудование и звук» и выберите пункт «Добавление устройства». После поиска оборудования найдется ваша клавиатура, и будут установлены её драйвера.
Если установка оборудования прошла успешно и поломка клавиатуры была связана с программным сбоем, на клавиатуре загорится индикатор клавиши Num Lock.
Если устранить неисправность не удалось, то временным решением может стать .
В наши дни клавиатура компьютера, как и мышь, считается малоценным устройством. Тем не менее, ей отводится важная роль в работе с компьютером.
Рабочая панель современного ноутбука содержит большое количество клавиш. На одни из них нанесены цифры, на другие буквы. Есть клавиши, на которые нанесена иностранная символика. Для понимания сути значения клавиш на клавиатуре ноутбука, их описания, предназначения, необходимо более подробно разобраться в этом вопросе.
Встроенная клавиатура ноутбука
Одними из важных кнопок на рабочей панели, выполняющие специальные или управляющие функции, являются следующие клавиши:
Разбивка значения символов клавиатуры
К функциональным клавишам относят значения F1-F12. Они позволяют проводить следующие действия:
Выделенная кнопка Fn
На каждой модели ноутбука значения клавиш F1-F12 могут отличаться, единых стандартов в этой области нет.
Рядом с клавишами обычно имеются графические изображения, которые помогают определить ее функцию. Например, обозначена антенна рядом с цифровым символом, значит, данная клавиша управляет действиями Wi-Fi.
Блок цифровых кнопок на панели находится справа и может работать в двух режимах. Первый позволяет использовать цифровые значения, другой – перемещать курсор. Переключение режимов осуществляется активацией клавиши NumLock.
Цифровая символика в двух вариациях
Данная группа кнопок является самой многочисленной на панели. На каждой из них начертаны изображения букв, цифр, знаки препинания, указания действий. Русифицированные клавиатуры содержат дополнительные значения латинских букв. Переключение раскладки с одного языка на другой осуществляется нажатием комбинации Alt+Shift.
Ввод в текстовом редакторе заглавных букв осуществляется с помощью нажатия и удерживания клавиши Shift и необходимой буквы. Эту же кнопку используют для ввода текстовых знаков, к примеру набор верхнего знака скобок или кавычек.
Отдельным блоком на панели выделены управляющие стрелки. Их применение позволяет передвигать курсор по пунктам меню. В эту же группу относя:
Выделенные подсветкой кнопки движения
Одна из самых используемых кнопок в сочетание с другими, которая расширяет функционал действий на клавиатуре. Использование клавиши Alt с другими дают следующие действия:
Совместно с другими кнопками ctrl выполняются такие действия:
Кнопка SHIFT и клавиши со стрелочками служат для выделения символа, расположенного с какой-то стороны от курсора. Вместе с DEL эта кнопка применяется для удаления файлов.
Совместимость кнопок
WIN в комбинации с кнопками:
Теперь, когда предназначение всех клавиш известно, начинающему пользователю будет проще разобраться в компьютерных дебрях.
Все кто впервые сталкивается с ПК как правило не знает где находится клавиша Fn.
Также в этот список входит numpad, printscreen, rmb, tab, space, win, comtrol, insert, hotkey, fish.
Не исключение num, backspace, space, print, тильда, left, numlock, бекспейс, break, return, hold или quick scope на клавиатуре компьютера, ноутбука или нетбука.
Поэтому чтобы долго их не искать, здесь собраны и показаны в картинках наиболее неизвестные новичкам кнопки.
Все изложено как «для блондинок» — наименее употребляемые, но часто очень необходимые клавиши.
Судя по поступающим вопросам, то геймеры иногда из незнаний чуть не сходят с ума. Попробуем помочь.
Возможно, вам не известно, но их может , получается прикольно и часто множество рутинной работы может выполнить за вас.
Клавиша «fn» находится в самом низу клавиатуры с левой стороны. Обычно она обозначена синим цветом, и используется в сочетании с другими, с точно таким же цветом.
При ее помощи можно изменять яркость, включать (отключать) вай-фай, блютуз, быстро включать некоторые приложения и на ноутбуке изменять некоторые буквы на цифры.
Клавиша «numpad» находится на кнопке «num lock», но если вы пользуетесь уменьшенной версией клавиатуры, то есть работаете на ноутбуке, то она может быть размещена на кнопке «Prt Sc Sys Rq или Ins» и вызываться сочетанием с «fn».
Клавиша printscreen находится под названием «Prt Sc», расположена с правой стороны в верху.
При ее помощи создаться скриншоты. В сочетании с кнопкой Ctrl, мгновенно производиться снимок целого экрана монитора.
Клавиша rmb, обозначает правая кнопка мыши, и находится на ней с правой стороны. Если вы пользуетесь ноутбуком, то это действия тачпада аналогичны правой кнопки мыши (ПКМ).
Обычно клавиша «tab» обозначается просто двумя стрелками. Она находится по левой стороне над кнопкой «Caps Lock» или под клавишей «Ё».
Клавиша space это кнопка выполняющая функцию пробела. Она самая большая и находится в самом низу клавиатуры, обычно посредине, между двумя «Alt»
Клавиша Win выполняет функцию «пуск», обычно расположена с левой стороны внизу, между кнопками Ctrl и Alt. На нее возложено много и других работ только уже в сочетании с другими клавишами.
Клавиша comtrol, на клавиатуре обычно обозначается сокращенно Ctrl и находится в двух экземплярах расположенных в нижней части слева и справа от space (пробела)
Клавиша insert обычно расположена слева возле кнопки Delete (del). Ее сокращенное название «Ins».
Fish – это название рыбы, а кнопки такой на клавиатуре не существует.
Клавиша Num, обычно обозначается как Num Lock или SCR Lock. На ноутбуках Num Lk и вызывается сочетанием с «fn»
Обычно backspace, бекспейс — находится над enter. Она немного больше остальных (шире). На некоторых ноутбуках может отсутствовать и выполняться «нум лок»
Клавиша тильда в русской клавиатуре обозначена значком «Ё» и находиться с левой стороны между кнопками Esc и таб.
Left – это левая кнопка компьютерной мышки или стрелка влево на клавиатуре.
Клавиша break, находиться с правой стороны вверху. Смотрите рисунок:
На клавиатуре return расположена с правой стороны. Это Enter.
На компьютерной клавиатуре клавиши hold — нет.
quick scope – это не клавиша, а скрипт. Такой кнопки нет.
На клавиатуре ноутбука есть клавиши, точнее обозначения на клавишах, смысл которых непонятен для новичка. В этом уроке я хочу разъяснить смысл таких обозначений. Если Вы взгляните на клавиатуру ноутбука, то непременно увидите на ней клавишу «Fn» , она обычно находится в левом нижнем углу клавиатуры. Надпись «Fn» обычно выделена синим цветом или обведена белой рамкой, это зависит от модели ноутбука. Кроме того, если присмотреться то можно увидеть на клавиатуре значки также выделенные синим цветом или обведены белой рамкой. Как Вы уже, наверное, догадались между клавишами с этими значками и клавишей «Fn» есть связь.
Клавиша «Fn» (читается как «Фанкшин») в сочетании с клавишами со значками синего цвета или обведёнными белой рамкой заставляют компьютер выполнить определённое действие. На разных моделях ноутбуков эти значки закреплены за разными клавишами, поэтому опишу действия в картинках, дабы не привязываться к конкретной комбинации клавиш. Вот список таких комбинаций и соответствующих действий:
«Fn» + — вызов справки по сочетанию клавиш.
«Fn» + — вызов настроек энергопотребления.
«Fn» + — включении / выключение BlueTooth.
«Fn» + — включение / выключение спящего режима.
«Fn» + — если к ноутбуку подключен внешний дисплей (монитор или телевизор), то с помощью этой комбинации клавиш можно переключать режимы отображения: на дисплей ноутбука, на внешний дисплей или одновременно на дисплей ноутбука и внешний дисплей.
«Fn» + — выключение монитора ноутбука с целью энергосбережения.
«Fn» + — включение / выключение TouchPada (устройство, по которому Вы водите пальцем для перемещения курсора. Заменяет мышь).
С этой комбинацией клавиш у меня есть интересная история. Мой знакомый пользовался ноутбуком уже больше года и как-то при встрече попросил меня помочь разобраться, почему не работает Тачпад, т.е. без мышки он не мог работать на ноутбуке уже целый год!
Я не долго думая, нажал эту комбинацию клавиш – включил Тачпад и всё заработало. Он очень удивился т.к. считал, что Тачпад попросту сломан 🙂
«Fn» + — включение / выключение звука.
«Fn» + — включить / выключить режим цифровой клавиатуры. Т.е. если этот режим включен, то при нажатии клавиш, на которых есть значки цифр синего цвета или цифры, обведённые белой рамкой, будут отображаться соответствующие цифры (как на калькуляторе).
Если вас интересует как включить калькулятор на ноутбуке , то делается это так. Меню Пуск — все программы — стандартные — калькулятор.
С этой комбинацией клавиш у меня тоже есть интересная история. Как-то звонит мне знакомый и говорит, что у него на ноутбуке одна половина клавиатуры (левая) работает нормально, а другая половина (правая) почему-то печатает цифры и что он только не делал — исправить не получается. Как Вы уже поняли, вопрос решился за 5-ть секунд – я ему сказал про эту комбинацию клавиш, и всё встало на свои места. Как он включил режим работы с цифрами, осталось загадкой 🙂
«Fn» + — включение / выключение режима перемещения экрана. На сейчас работает только в Excel.
«Fn» + — цифра 7 при включенном режиме NumLk.
«Fn» + — цифра 8 при включенном режиме NumLk.
«Fn» + — цифра 9 при включенном режиме NumLk.
«Fn» + — символ «/» при включенном режиме NumLk.
«Fn» + — цифра 4 при включенном режиме NumLk.
«Fn» + — цифра 5 при включенном режиме NumLk.
«Fn» + — цифра 6 при включенном режиме NumLk.
«Fn» + — символ «*» при включенном режиме NumLk.
«Fn» + — цифра 1 при включенном режиме NumLk.
«Fn» + — цифра 2 при включенном режиме NumLk.
«Fn» + — цифра 3 при включенном режиме NumLk.
«Fn» + — символ «-» при включенном режиме NumLk.
«Fn» + — цифра 0 при включенном режиме NumLk.
«Fn» + — символ «+» при включенном режиме NumLk.
«Fn» + — увеличить яркость монитора.
«Fn» + — уменьшить яркость монитора.
«Fn» + — увеличить звук.
«Fn» + — уменьшить звук.
И для чего нужна?! Вы уже знаете. Теперь нужно поговорить о назначении клавиш клавиатуры. Ведь клавиатура, образно говоря, посредник между вами и компьютером, инструмент для взаимодействия с умным помощником. Нажимая клавиши, вы посылаете команды компьютеру на выполнение.
Отсюда и вывод: когда вы знаете назначение и комбинации клавиш, работа на компьютере становится легче и приятнее.
— служебная клавиша выполняет остановку или отмену последнего действия. Например, если веб-страница долгое время загружается, вы можете нажать ESC для остановки загрузки.
F1 —F12 . зарезервированы под специализированные функции в программах. Поэтому и выполнение функции в различных программах может отличаться. Например, клавиша F5 в текстовом редакторе Microsoft Word, выполняет функцию «Найти и заменить», а файловом менеджере Total Commander эта же клавиша выполняет функцию «Копировать». Но с уверенностью можно сказать, что клавиша F1 во всех программах открывает файл Справка .
Tab используется для создания отступов (красная строка ) в программах для работы с текстами. Также, если вы заполняете таблицы или формы, можете использовать клавишу Tab для перехода к следующему полю.
— выполняет функцию смены регистра (ЗАГЛАВНЫЕ БУКВЫ). При нажатии на эту клавишу, загорается индикатор над цифровой клавиатурой, дальнейший набор текста будет осуществляться заглавными буквами. Повторное нажатие на эту клавишу, отключает режим «Заглавные буквы », индикатор над цифровой клавиатурой гаснет.
Shift – функциональные клавиши используются в паре с другими клавишами. Как вы видите, на клавиатуре есть две клавиши shift, слева и справа. Назначение у этих клавиш абсолютно одинаковое, а их расположение на клавиатуре, обусловлено удобством при наборе текста слепым методом печати .
Сейчас поясню, скажем, когда вы набираете текст и требуется поставить восклицательный знак, удобней всего мизинцем правой руки удерживать клавишу shift, а мизинцем левой руки нажать клавишу 1. Ещё клавиша shift участвует во многих комбинациях клавиш, например, ввод заглавной буквы, знака препинания, выполнение специализированных функций программы и так далее.
Control (Ctrl) , Alternate (Alt) — управляющие клавиши, предназначены для работы в комбинации с другими клавишами. Как правило, вы держите нажатой клавишу Ctrl, Alt, а затем нажимаете другую клавишу, чтобы выполнить определённую задачу. Например, во многих программах, комбинация Ctrl+S — сохранит файл.
Основная часть клавиатуры включает в себя алфавитно-цифровой набор клавиши (буквы и цифры) и пробел .
Enter(Ввод) – подтверждение действия. Например, в то время как в интернете, вы можете ввести адрес веб-сайта, а затем нажмите клавишу Enter, чтобы перейти на сайт. Он также используется для начала новой строки в текстовых редакторах. Enter на цифровой клавиатуре имеет такое же назначение и часто используется при выполнении математических расчётов, скажем, в приложении «калькулятор» для получения результата.
– в текстовом редакторе стирает символы слева от курсора. А в браузере позволяет вернуться к предыдущей странице.
Delete(Del) – в текстовом редакторе стирает символы справа от курсора. Выполняет функцию удаления в файловых менеджерах.
— включение/выключение режима «вставка – замещение». Клавиша практически не используется, но может сыграть злую шутку. Если вы случайно нажмёте эту клавишу, работая в текстовом редакторе, то при этом переведёте его из режима «вставка» в режим «замещение». После этого, допустив ошибку в слове, вы захотите исправить её. Исправив ошибку, обнаружите, что символ стоящий справа от курсора – исчез! Вы попытаетесь ввести его снова, но исчезнет следующий символ стоящие справа от курсора. Итак будет до тех пор, пока вы повторно не нажмёте клавишу insert. Не зная об этой клавиши, некоторые люди из-за одной опечатки перепечатывали весь оставшийся текст.
Клавиши управления курсором
Home — перемещает курсор в начало текущей строки.
End — перемещает курсор в конец текущей строки.
Page Up/Page Down — постраничный просмотр документа вверх или вниз.
Клавиши со стрелками используются для множества различных целей, в том числе перемещение курсора , прокрутка документа , или контроль в игре .
Вспомогательные клавиши
Print Screen делает снимок экрана — так называемый «скриншот», которые можно редактировать или сохранять с помощью программы по обработке графики (графического редактора).
Scroll Lock вертикальная прокрутка, редко используется сегодня.
Pause/Break выполняет функцию паузы, чаще используется в сочетании с клавишей Win.
Win – служит для вызова меню «Пуск», а также используется в комбинациях с другими клавишами для вызова функций операционной системе Windows.
Клавиша вызывает контекстное меню (равнозначна нажатию правой кнопки мышки).
Включает/выключает цифровую клавиатуру. После включения, загорается индикатор. Если цифровая клавиатура выключена, клавиши выполняют функции обозначенных на них клавиш.
Комбинация клавиш – это когда вы удерживаете нажатой одну или две клавиши и кратко нажимаете на третью. Например, Ctrl+S, где плюс указывает на комбинацию клавиш. То есть, вы нажимаете и держите клавишу Ctrl, а затем кратко нажимаете клавишу S. Плюс в данной записи служит для обозначения комбинации клавиш и не нажимается в её исполнении.
Ctrl+N – создать новый файл;
Ctrl+O – открыть документ;
Ctrl+A – выделить всё;
Shift+Home – выделить строку слева от курсора;
Ctrl+End – выделить строку справа от курсора;
Ctrl+C – копировать в буфер обмена выделенный текст или файл;
Ctrl+X – вырезать выделенный текст или файл;
Ctrl+V – вставить содержимое буфера обмена;
Ctrl+Del – удалить слово за курсором;
Ctrl+Backspase – удалить слово перед курсором;
Ctrl+Home – переместить курсор в начало документа;
Ctrl+End – переместить курсор в конец документа;
Ctrl+Z – отмена последнего действия;
Ctrl+P – печать;
Ctrl+ D – добавить закладку в браузере;
Ctrl + Shift + T – открыть закрытую вкладку в браузере;
Ctrl+T – открыть новую вкладку;
Ctrl+L – выделить содержимое адресной строки;
Ctrl + Shift + Esc – завершить зависшие процессы;
Shift+Ctrl+Alt – вызов диспетчера задач;
Alt+Tab – быстрый переход между окнами программ;
Alt+F4 – быстро закрыть окно;
Alt + Print Screen – сделать скриншот активного окна;
Win+Pause/Break – свойство системы;
Win+E – открыть проводник;
Win+ D – свернуть все окна;
Win+F – поиск файлов на компьютере;
Win+ L – смена пользователя;
Win+F1 – справка;
Win+Tab – переключает окна по кругу.
И таких комбинаций клавиш много, а в разных программах эти комбинации зачастую отличаются друг от друга, но вы с лёгкостью будете их запоминать, если работаете часто с программным продуктом.
Чтобы отключить блокировку для прокрутки, нажмите клавишу SCROLL LOCK (обычно она имеет название ScrLk). Если на компьютере нет клавиши SCROLL LOCK, выполните одно из следующих действий:
Если на клавиатуре нет клавиши SCROLL LOCK, нажмите кнопку «Пуск»> «Параметры» > «>клавиатуры».
Нажмите кнопку экранной клавиатуры, чтобы включить ее.
Когда появится экранная клавиатура, нажмите кнопку ScrLk.
Совет: Чтобы быстро открыть экранную клавиатуру в Windows 10, нажмите кнопку Windows. Начните вводить Экранная клавиатура в поле поиска. В списке Поиск, который выводится над полем поиска, щелкните результат поиска Экранная клавиатура. Когда появится экранная клавиатура, нажмите кнопку ScrLk.
Если на клавиатуре нет клавиши SCROLL LOCK, нажмите кнопку «Начните», а затем нажмите клавиши CTRL+C, чтобы отобразить кнопку чудо-книж.
Нажмите кнопку Изменение параметров компьютера.
Выберите Специальные возможности > Клавиатура.
Чтобы включить клавиатуру, нажмите кнопку «Экранная клавиатура».
Когда появится экранная клавиатура, нажмите кнопку ScrLk.
Если на клавиатуре нет клавиши SCROLL LOCK, нажмите кнопку Пуск > Все программы > СтандартныеСпециальные возможности > Клавиатура.
Когда появится экранная клавиатура, нажмите кнопку slk.
Примечание: Чтобы закрыть экранную клавиатуру, щелкните X в правом верхнем углу экранной клавиатуры.
Определить, что режим SCROLL LOCK включен, можно по надписи Scroll Lock в строке состояния Excel.
Если похоже, что режим SCROLL LOCK включен, однако надпись Scroll Lock в строке состояния Excel отсутствует, возможно, строка состояния настроена таким образом, чтобы не отображать состояние этого режима. Чтобы определить, так ли это, щелкните строку состояния Excel правой кнопкой мыши. Найдите флажок слева от параметра Scroll Lock. Если он не установлен, то при включенном режиме SCROLL LOCK в строке состояния Excel не будет отображаться надпись Scroll Lock. Чтобы она отображалась, просто установите флажок.
Вводить данные на компьютер независимо от того, пишете ли вы букву или вычисляете числимые данные, клавиатура является основным способом ввода данных на компьютер. А знаете ли вы, что клавиатуру можно использовать для управления компьютером? Запомнив несколько простых команд, вводимых с клавиатуры(инструкций для компьютера), вы можете работать более эффективно.
Клавиши на клавиатуре можно разделить на несколько групп в зависимости от выполняемых ими функций.
Клавиши для ввода данных (буквенно-цифровые). Эти клавиши содержат те же буквы, числа, знаки препинания и символы, что и на традиционном клавиатуре.
Клавиши управления. Эти клавиши используются отдельно или в сочетании с другими клавишами и служат для выполнения определенных действий. Чаще всего используются клавиши CTRL, ALT, клавиши с Windows и ESC.
Клавиши функций. Эти клавиши используются для выполнения особых задач. Они имеют названия F1, F2, F3 и т. д. до F12. Функциональные возможности этих ключей отличаются от программных.
Клавиши перемещения. Эти клавиши используются для перемещения по документу или веб-странице и при редактировании текста. К ним относятся клавиши со стрелками, «Главная», «Конец», «PAGE UP», «PAGE DOWN», «Удалить» и «Вставка».
Цифровая клавиатура. Цифровую клавиатуру удобно использовать для быстрого ввода чисел. Клавиши группируются в блоке, например на обычном калькуляторе или при добавлении компьютера.
На следующем рисунке показано, как эти клавиши расположены на типичной клавиатуре. Раскладка клавиатуры может быть другой.
Когда вам нужно ввести какой-либо текст в программе, сообщении электронной почты или текстовом поле, вы увидите мигаюю вертикальную линию (), которая называется курсором или точкой вставки. Он показывает, где будет отображаться вводимый вами текст. Вы можете переместить курсор, щелкнув необходимое расположение мышью или воспользовавшись клавишами перемещения (см. раздел «Использование клавиш перемещения» в этой статье).
Кроме букв, цифр, знаков препинания и символов, клавиши ввода включают клавиши SHIFT, CAPS LOCK, TAB, ВВОД, ПРОБЕЛ и BACKSPACE.
Название клавиши |
Использование |
---|---|
SHIFT |
Буквы, вводимые при нажатой клавише SHIFT, становятся прописными. Если при нажатой клавише SHIFT нажимать другие клавиши, будут вводится символы, отображенные в верхней части этих клавиш. |
CAPS LOCK |
Чтобы можно было вводить прописные буквы, нажмите клавишу CAPS LOCK один раз. Повторное нажатие клавиши CAPS LOCK выключает эту функцию. На используемой вами клавиатуре может быть световой индикатор, сигнализирующий о том, нажата ли клавиша CAPS LOCK. |
TAB |
С помощью клавиши TAB можно переместить курсор на несколько позиций вперед. Кроме того, с помощью клавиши TAB можно перейти на следующее текстовое поле в форме. |
ВВОД |
С помощью клавиши ВВОД можно переместить курсор в начало следующей строки. В диалоговом окне с помощью клавиши ВВОД можно нажать выделенную кнопку. |
ПРОБЕЛ |
При нажатии клавиши ПРОБЕЛ курсор перемещается на один пробел вперед. |
BACKSPACE |
С помощью клавиши BACKSPACE можно удалить символ, расположенный перед курсором, или выделенный текст. |
Сочетания клавишиспользуются для выполнения различных действий с помощью клавиатуры. Они ускоряют работу с компьютером. Фактически практически любые действия или команды, которые можно выполнять с помощью мыши, быстрее выполняются с помощью одной или более клавиш на клавиатуре.
В справке знак «плюс» (+) между двумя или более клавишами указывает на то, что эти клавиши должны быть нажаты в комбинации. Например, CTRL+A означает, что необходимо нажать клавишу CTRL и, не отпуская ее, нажать клавишу A. CTRL+SHIFT+A означает, что необходимо нажать клавиши CTRL и SHIFT и, не отпуская их, нажать клавишу A.
В большинстве программ можно выполнять действия с помощью клавиатуры. Чтобы узнать, для каких команд можно использовать сочетания клавиш, откройте меню. Сочетания клавиш (если можно их использовать) отображаются рядом с элементами меню.
С помощью клавиатуры вы можете открывать меню и выбирать команды и другие параметры. В программе, в которой есть меню с подчеркнутыми буквами, нажмите клавишу ALT и подчеркнутую букву, чтобы открыть соответствующее меню. Нажмите подчеркнутую букву в пункте меню, чтобы выбрать соответствующую команду. В приложениях, в которых используется лента, например в Paint или WordPad, при нажатии клавиши ALT буквы, которые можно нажать, накладываются на ленту (а не подчеркиваются).
Нажмите ALT+F, чтобы открыть меню «Файл», а затем нажмите P, чтобы выбрать команду «Печать».
Этот прием также можно сделать в диалоговом окнах. Если рядом с каким-либо пунктом в диалоговом окне отображается подчеркнутая буква, это означает, что можно нажать клавишу ALT и клавишу с этой буквой, чтобы выбрать этот пункт.
В таблице ниже перечислены некоторые из самых полезных сочетаний клавиш. Более подробный список см. в разделе Сочетания клавиш.
Нажмите |
Для этого |
---|---|
Клавиша с логотипом Windows |
Открытие меню «Пуск» |
ALT+TAB |
Переключение между открытыми программами или окнами |
ALT+F4 |
Закрытие активного элемента или выход из активной программы |
CTRL+S |
Сохранение текущего файла или документа (это сочетание клавиш работает в большинстве программ) |
CTRL+C |
Копирование выбранного элемента |
CTRL+X |
Вырезание выбранного элемента |
CTRL+V |
Вставка выбранного элемента |
CTRL+Z |
Отмена действия |
CTRL+A |
Выбор всех элементов в документе или окне |
F1 |
Отображение Справки программы или Windows |
Клавиша с логотипом Windows + F1 |
Отображение Справки и поддержки Windows |
ESC |
Отмена текущей задачи |
Клавиша приложения |
Открывает меню команд, связанных с выделением в программе. Аналогичное действие выполняется при щелчке выделения правой кнопкой мыши. |
Клавиши навигации позволяют перемещать курсор, перемещаться по документам и веб-страницам, а также редактировать текст. В таблице ниже перечислен ряд стандартных функций этих клавиш.
Нажмите |
Для этого |
---|---|
СТРЕЛКА ВЛЕВО, СТРЕЛКА ВПРАВО, СТРЕЛКА ВВЕРХ или СТРЕЛКА ВНИЗ |
Перемещение курсора или выделения на один символ или строку в направлении стрелки или прокрутка веб-страницы в направлении стрелки |
Домашняя страница |
Перемещение курсора в конец строки или в верхнюю часть веб-страницы |
END |
Перемещение курсора в конец строки или в нижнюю часть веб-страницы |
CTRL+HOME |
Перемещение курсора в начало документа |
CTRL+END |
Перемещение курсора в конец документа |
PAGE UP |
Перемещение курсора или страницы на один экран вверх |
PAGE DOWN |
Перемещение курсора или страницы на один экран вниз |
DELETE |
Удаление символа, расположенного после курсора, или выделенного текста. В Windows — удаление выбранного элемента и перемещение его в корзину |
Вставить |
Включение и выключение режима вставки. Если режим вставки включен, вводимый вами текст будет вставляться в позиции курсора. Если режим вставки выключен, вводимый вами текст заменять уже имеющиеся символы. |
На цифровой клавиатуре цифры отображаются от 0 до 9, арифметические операторы + (с добавление), — (вычитание), * (умножение) и / (деление) и десятичной за несколькими точками, как на калькуляторе или компьютере. Конечно же, эти символы есть и на других клавишах, но с помощью этой клавиатуры можно одной рукой быстро вводить числовые данные или математические операции.
Цифровая клавиатура
Чтобы использовать цифровую клавиатуру для ввода чисел, нажмите клавишу NUM LOCK. На большинстве клавиатур имеется световой индикатор, сигнализирующий о том, включена ли клавишу NUM LOCK. Если клавиша NUM LOCK выключена, цифровая клавиатура работает в качестве дополнительного набора клавиш перемещения (эти функции напечатаны на клавишах рядом с цифрами или символами).
С помощью цифровой клавиатуры можно выполнять простые вычисления с помощью калькулятора.
Использование цифровой клавиатуры в приложении Калькулятор
Откройте калькулятор, нажав кнопку «Начните «. В поле поиска введите Калькулятор, а затем в списке результатов щелкните Калькулятор.
Убедитесь, что на клавише светится индикатор состояния клавиши NUM LOCK. Если он не светится, нажмите клавишу NUM LOCK.
С помощью цифровой клавиатуры введите первое число выражения.
На клавиатуре нажмите +, –, * или /, чтобы выполнить сложение, вычитание, умножение или деление соответственно.
Введите следующее число выражения.
Нажмите клавишу ВВОД, чтобы выполнить вычисление.
Три странные клавиши
На данный момент мы рассказали почти обо всех клавишах, которые вы используете. Но для полной картины давайте рассмотрим три самые загадочные клавиши на клавиатуре: PRINT SCREEN, SCROLL LOCK и PAUSE.
PRINT SCREEN
Очень давно эта клавиша в действительности не совместила ее — она отправила текущий экран текста на принтер. Сейчас же при нажатии клавиши PRINT SCREEN делается снимок всего экрана, который затем копируется в буфер обмена в памяти компьютера. Оттуда его можно в виде CTRL+V в виде программы Microsoft Paint или другой программы и, если нужно, распечатать из нее.
Еще более непонятным является SYS RQ, который передает клавишу PrtScn на некоторых клавиатурах. Как правило, SYS RQ был создан в качестве «системного запроса», но эта команда не включена в Windows.
Совет: Чтобы сделать снимок только активного окна, а не всего экрана, нажмите клавиши ALT+PRINT SCREEN.
SCROLL LOCK
В большинстве программ нажатие scroll LOCK не влияет на результат. В некоторых программах при нажатии клавиши SCROLL LOCK изменяется поведение клавиш со стрелками и клавиш PAGE UP и PAGE DOWN. При нажатии этих клавиш выполняется прокрутка документа без изменения позиции курсора или выделения. На клавиатуре может быть световой сигнал, указывающий на то, что на клавиатуре есть клавиша SCROLL LOCK.
PAUSE
Этот ключ редко используется. В некоторых старых программах при нажатии этой клавиши приостанавливается выполнение программы. Кроме того, если при этом нажата клавиша CTRL, работа программы будет прервана.
Другие клавиши
На некоторых современных клавиатурах имеются отдельные клавиши или кнопки для быстрого доступа к программам, файлам или командам. На других клавиатурах есть клавиши для регулировки громкости, колеса прокрутки или масштабирования, а также другие органы управления. Дополнительные сведения об этих функциях см. в документации для соответствующей клавиатуры или компьютера или на веб-сайте производителя.
Советы по безопасному использованию клавиатуры
Правильное использование клавиатуры помогает избежать оголевости или повреждения часов, рук и рук, особенно при длительном использовании компьютера. Вот несколько советов, которые помогут улучшить использование клавиатуры.
Разместите клавиатуру на уровне локтей. Ваши плечи должны быть расслаблены.
Выровняйте клавиатуру по центру перед собой. Если на клавиатуре есть цифровая клавиатура, при центровке клавиатуры ориентируйтесь на клавишу ПРОБЕЛ.
При печати на клавиатуре ваши руки и запястья должны «плавать» над клавиатурой, чтобы вы могли перемещать руки к самым удаленным клавишам, а не тянуться к ним пальцами.
При печати на клавиатуре не кладите кисти рук или запястья ни на какую поверхность. Если клавиатура оснащена упором для кистей рук, используйте его только во время перерывов в печати.
При печати на клавиатуре нажимайте клавиши легкими касаниями, при этом ваши запястья должны быть выпрямлены.
Если вы не печатаете, дайте рукам и кистям рук отдохнуть.
Через каждые 15–20 минут работы на компьютере устраивайте себе перерывы.
Нажатие определенных сочетаний клавиш позволяет выполнять операции, для которых обычно необходима мышь, трекпад или другие устройства ввода.
Для использования сочетания клавиш нажмите и удерживайте одну или более клавиш модификации, а затем нажмите последнюю клавишу сочетания. Например, чтобы использовать сочетание Command-C (копировать), нажмите и удерживайте клавишу Command, затем клавишу C, затем отпустите обе клавиши. В меню и на клавиатурах компьютеров Mac часто используются символы для определенных клавиш, в том числе для клавиш модификации:
На клавиатурах, предназначенных для компьютеров с ОС Windows, используйте клавишу Alt вместо Option и клавишу с логотипом Windows вместо Command.
Некоторые клавиши на некоторых клавиатурах Apple имеют специальные символы и функции: яркость дисплея , яркость клавиатуры , Mission Control и другие. Если на клавиатуре эти функции недоступны, для некоторых из них можно создать собственные сочетания клавиш. В сочетании с клавишей Fn эти клавиши работают как F1, F2, F3 или другие стандартные функциональные клавиши.
Некоторые из этих сочетаний клавиш необходимо удерживать несколько дольше, чем другие. Это помогает избежать их непреднамеренного срабатывания.
* Неприменимо к датчику Touch ID.
Назначение следующих сочетаний клавиш может различаться в зависимости от приложения.
Дополнительные сочетания клавиш показаны в меню приложений. В каждом приложении могут быть свои сочетания клавиш, и сочетания, работающие в одном приложении, могут не работать в другом.
Дата публикации:
Клавиатуры бывают разные. В мини компьютерах они обычно несколько оптимизированы – можно сказать более компактны.
В связи с этим клавиши могут иметь несколько другой вид и даже совмещать некоторые функции.
Следовательно у пользователей часто возникает недоразумение где в ноутбуке находится кнопка print screen.
В этой я постараюсь подробнее описать где находится кнопка print screen в ноутбуке и как правильно ею пользоваться.
В начале для чего она предназначена и можно ли ее, в случае неисправности заменить другими клавишами.
Кнопка print screen служит для создания скриншотов. При ее помощи вы можете мгновенно «сфотографировать», то что изображено на экране вашего ноутбука.
Заменить эту операцию можно стандартным средством виндовс под названием «ножницы».
Также можете воспользоваться дополнительными программами специально разработанными для создания скриншотов.
Только есть одно но. Если вы захотите сделать «фото» с картинки (например меню), которая при любом нажатии мышки исчезает, то без кнопки print screen – не получиться (возможно только мне неизвестно о таких программах).
Кнопка print screen в этом отношении не заменима, впрочем я ее использую только для этих целей.
Теперь по существу где в ноутбуке находится кнопка print screen. Ищите ее в самом верху с правой стороны, только учтите, что название может быть другое, например Prt Sc, а снизу под ним Sys Rg. Смотрите на рисунке:
А вот еще одно расположение кнопки print screen в ноутбуке
На полноценной (стандартной) клавиатуре кнопка print screen может обычно находиться в месте показанном на изображении ниже.
Думаю разобрались где находиться, теперь рассмотрим как правильно пользоваться кнопкой print screen.
Если просто на нее нажать (один клик) у вас запуститься программа для создания скриншотов с правами запускаться первой.
По умолчанию это «ножницы», но если вы установили другую, например «Snagit», то запуститься она.
Если же одновременно с кнопкой print screen вы нажмете клавишу Ctrl, тот сделаете «фото», целого экрана (то, что в данный момент будет на вашем дисплее).
После этого откройте например паинт и вставьте его туда для редактирования.
Ну ват и все, получилась небольшая инструкция где в ноутбуке находится кнопка print screen и как ею правильно пользоваться.
Только имейте ввиду, ее эффективность в сравнении со специально разработанными для операций программами, которые выполняет она – намного меньше.
Мне больше всего нравится программа «Snagit», а кнопкой print screen пользуюсь очень редко. Правда в скорости ей не откажешь.
Скриншоты мгновенно помещает в буфер обмена, где потом можно их отредактировать в фотошопе или бесплатном паинт.
Это вторая часть серии из трех частей. Вот часть 1 и часть 3 .
Иногда мы делаем ссылки похожими на кнопки. Иногда мы делаем кнопки похожими на ссылки. Это может быть проблемой. Может, мы что-то можем с этим поделать. Но прежде чем мы перейдем к этому, давайте обсудим четыре различных типа кнопок и ссылок.
Кнопки «Отправить» позволяют пользователям отправлять формы. Примеры этого включают вход в систему, регистрацию или добавление продукта в корзину.
Ссылки позволяют пользователям переходить к страницам или местам на странице. Их обычно подчеркивают, чтобы выделиться среди прозы. Или они могут быть размещены в специальном месте, например, в заголовке, чтобы помочь познанию.
Кнопки (с type = "button"
) не являются кнопками отправки. Кнопки используются для создания функций, основанных на Javascript, таких как открытие меню или отображение средства выбора даты.
Призывы к действию выглядят как кнопки, чтобы выделить их, но здесь нет конкретного элемента призыва к действию. Это обычные ссылки, стилизованные под кнопки.
В устойчивом веб-дизайне Джереми Кейт обсуждает идею материальной честности. Он говорит, что «один материал не должен использоваться вместо другого, иначе конечный результат будет обманчивым».
Сделать ссылку похожей на кнопку — нечестно с материальной точки зрения. Он сообщает пользователям, что ссылки и кнопки остаются неизменными.
Кнопки в системах дизайна Натан Кертис говорит, что мы должны отличать ссылки от кнопок, потому что «поведение кнопок привносит целый ряд различных соображений из вашего простого тега привязки».
Например, мы можем открыть ссылку в новой вкладке, скопировать адрес или добавить его в закладки для дальнейшего использования. Все это мы не можем делать с кнопками.
Призывы к действию — опять же, просто ссылки — обманчивы. Их стиль устраняет их предполагаемую доступность, скрывая их поведение.
Мы могли бы сделать призывы к действию похожими на обычные ссылки. Но это делает их визуально слабыми. Отсюда и проблема.
Иногда имеет смысл разместить ссылки рядом с кнопками как часть того же меню. Показанная ранее кнопка меню учетной записи Kidly * находится рядом со ссылкой на корзину. Вы бы этого не знали, потому что оба стилизованы одинаково с иконографией.
Вот еще один пример, демонстрирующий ту же проблему:
Все три пункта в меню стилизованы под ссылки, хотя «Выбрать день» на самом деле является кнопкой.
При нажатии кнопки «Выбрать день» открывается календарь, но это обманчиво выглядит так, как будто он переводит меня на другую страницу, например «Предыдущий день» и «Следующий день». И кажется, я могу щелкнуть правой кнопкой мыши и открыть его в новой вкладке, как и любую другую ссылку.
Может быть, он должен открыться на новой странице и это решит проблему? Может быть, это не тот опыт? В любом случае причина, по которой мы стилизовали эти предметы одинаково, заключается в том, что последовательность — это качество хорошего дизайна.
Но в этом случае карта согласованности переиграна.Различия были стерты путем удаления соответствующих означающих. В результате получился нечестный интерфейс.
Последовательность не сводится к тому, чтобы сделать разные вещи одинаковыми. Речь идет о том, чтобы сделать одно и то же одинаковым.
Если вы до сих пор кивали, то, вероятно, согласитесь, что призывы к действию должны выделяться. Но они также должны отличаться от кнопок, чтобы обозначать их истинное поведение при ссылке.
Одним из примеров являются «кнопки запуска» государственной цифровой службы:
Кнопки запуска выделяются.Они также выглядят иначе, чем стандартная кнопка отправки в GDS. Кнопка запуска немного больше и имеет стрелку. Стрелка указывает на то, что пользователь перейдет в новый поток.
Разница есть, но она незначительна и может быть упущена пользователями (подробнее об этом чуть позже). Во-первых, на кнопках отправки не должно быть курсора в виде руки. При этом рука (указатель) помогает тем, кто использует указательное устройство, найти ссылку.
Во-вторых, нам нужно сделать их меньше кнопок y и больше ссылок y. Для этого мы могли бы использовать комбинацию пробелов, размера и другой визуальной обработки, чтобы они выделялись.Как и при использовании правого курсора, вероятно, поможет подчеркивание.
Что также может помочь, так это отсутствие загрузки других вещей на странице. Чем больше материала, тем сильнее он борется за внимание и снижает значимость призыва к действию.
В любом случае разумно иметь только одну основную ссылку / действие / кнопку. По общему признанию, это не всегда возможно или даже правильно, но мы можем сделать это положением по умолчанию.
Проблема здесь в том, что мы хотим, чтобы элементы имели одинаковый вес, но без исключения предполагаемой аффордансности.Кнопки, естественно, преобладают над ссылками!
Детское меню выглядит единообразно и одинаково взвешенно за счет использования иконографии. Но при этом смысл (тонкий или иной) теряется.
На странице расписания «Выбрать день» не более и менее важно, чем «Предыдущий день» или «Следующий день». Возможно, нам нужно сделать так, чтобы «Выбрать день» выглядело не столько ссылками, сколько кнопками, не перегружая ссылки?
Найти их в одном месте не составляет труда. Возможно, мы можем использовать пробелы и разделитель.Может, нам просто нужна кнопка поменьше. Одна вещь, которую нам, вероятно, не следует делать, — это подчеркивать кнопку, поскольку это может ввести в заблуждение.
Поскольку мы сделали ссылки похожими на кнопки, а кнопки — как ссылки — и поскольку мы усугубили проблему неправильным использованием курсора в виде руки — пользователи привыкли, и линии стали размытыми.
Возможно, если бы пользователи знали, что они могут открыть призыв к действию в новом окне, они бы это сделали? Я, конечно, мог бы. Может быть, другие этого не сделают. Но какое это имеет значение? Выбор — это принцип инклюзивного дизайна.
То же самое и с этикетками. Многие сайты не связывают ярлыки с переключателями. Из-за этого люди не верят, что нажатие на ярлык (что часто бывает проще) пометит переключатель как отмеченный. Если большинство сайтов сделали это правильно, пользователи могут начать использовать это и получить выгоду.
Пользователи формируют дизайн, а дизайн формирует пользователей. То есть, если бы на большинстве сайтов кнопки отличались от ссылок, возможно, пользователям были бы небезразличны и ценили функциональные возможности, лежащие ниже.
По отдельности мы можем рассматривать это как небольшую проблему.Но в сочетании с множеством других мелких проблем опыт может заметно ухудшиться.
Когда мы говорим о мелких деталях, на ум приходят именно такие вещи.
Другие говорят, что это серая зона. Это связано с тем, что формы и ссылки могут вести пользователей к одному и тому же месту назначения.
Это правда, но путь не совпадает с пунктом назначения.
У моего телевизора и прилагаемого пульта есть кнопки включения. Тот, что на пульте дистанционного управления, резиновый, маленький, красного цвета и расположен в правом верхнем углу.Также в непосредственной близости есть много дополнительных кнопок.
Тот, что на телевизоре, прочный, намного больше и скрыт. Было бы странно, если бы дизайны были перевернуты или сделаны «согласованными», игнорируя контекст, для которого они используются.
Формы и ссылки могут вести пользователей в одно и то же место. Но только потому, что пункт назначения тот же, путешествие (взаимодействие) отличается.
Притворяться, что они одинаковы, и устранять кажущуюся аффорданс в процессе бесполезно.Семантика существует по какой-то причине, зачем создавать значение компонента из-за эстетического минимализма?
Я часто обращаюсь к решению реальных проблем. Я расстраиваюсь, когда мы тратим время на решение проблем, которые не являются проблемами. В конце концов, дизайн — это решение проблем.
Это определенно не самая большая проблема в мире. Но я думаю, в этом что-то есть. Я думаю, что мы можем что-то с этим поделать. Что-то, что обеспечивает доступность и улучшает опыт, делая его честным.
По отдельности это может показаться не таким уж большим делом, но в сочетании с другими небольшими выгодами это может иметь значение.
* Под капотом кнопка меню учетной записи Kidly неправильно использует привязку. Я должен был использовать кнопку.
Если вам это понравилось, вам понравится мой информационный бюллетень. Я отправляю такую статью раз в месяц прямо на ваш почтовый ящик. Никакого спама и точно никаких всплывающих окон. Зарегистрируйтесь здесь .
В этом разделе мы рассмотрим общие стили кнопок. Стиль — это просто эстетика кнопки, а не то, как ее следует использовать.
Сплошные кнопки — это именно то, на что они похожи — это кнопки со сплошной заливкой. Выполнено.
Сплошная кнопка.Кнопки с линиями — это именно то, на что они похожи: кнопка без заливки — просто контур.Хотя они часто используются как взаимозаменяемые, я предпочитаю думать, что кнопки линий имеют светлый цвет (с темным контуром и текстом), а кнопку-призрак — как темный цвет (со светлым контуром и текстом).
Кнопка линии (слева) и кнопка-призрак (справа).Кнопки с закругленными краями — это кнопки, края которых имеют максимальный радиус закругленной границы.
Пуговица округлая.Боковое примечание: Скругленные пуговицы ужасно сложены. Каждый раз, когда вы складываете закругленные кнопки, UI-дизайнер плачет.
Если вы хотите узнать больше о круглых кнопках, я недавно прочитал этот рассказ Шан Шена о круглых кнопках и не могу порекомендовать его.
Плавающие кнопки действия — это продуманный шаблон дизайна, популярный благодаря Material Design от Google. Хотя они могут выглядеть как кнопка со значком, на самом деле они используются для основного действия на экране.
Кнопка FAB.Если вы хотите узнать больше о FAB, я рекомендую проверить «Кнопки: плавающая кнопка действия» на сайте Material Design.
Текстовая ссылка представляет собой очень простой тип кнопки. Есть несколько разных способов показать, что что-то является ссылкой. Это может быть цвет, или подчеркивание, или позиция ссылки, или даже сам текст (например, «Читать дальше»).
Текстовые ссылки имеют другой стиль.Когда дело доходит до цвета, на большинстве сайтов используется синий цвет, так как он лучше всего идентифицируется как ссылка. Вы можете спросить, почему классические текстовые ссылки «синие»? Это восходит к сэру Тиму Бернерсу-Ли, который обычно считается изобретателем Всемирной паутины (примечание: представьте, что в вашем резюме есть фраза «Изобрел всемирную паутину»).Хотя кажется, что, когда он выбирал цвет, он не думал о доступности, но самое крутое в синем — то, что даже люди с дальтонизмом обычно могут его видеть.
Сообщение опубликовано исправление: В первой публикации было написано, что сэр Тим Бернерс-Ли был «изобретателем Интернета», тогда как на самом деле он был изобретателем Всемирной паутины. Приношу свои извинения за пропущенную информацию. Спасибо Дэвид Макдональд за указание 🙂
Кнопки-пиктограммы стали популярны, но некоторые кнопки все еще нуждаются в ярлыке, чтобы гарантировать, что кнопка взаимодействует должным образом.
Кнопка со значком и меткой.Самая сложная вещь при работе со значками и ярлыками — это выяснить, насколько большой значок должен быть по отношению к шрифту. Вариант 1. Вы делаете размер значка таким же, как высота шапки шрифта. Вариант 2. Вы делаете размер значка намного больше, чем высота строки. Предупреждение: если значок лишь немного больше, чем cap-height, он будет выглядеть несбалансированным или похожим на ошибку. Он должен быть примерно такой же высоты или намного больше — избегайте промежуточных промежутков.
Кнопки с пиктограммой не имеют ярлыка и представляют собой только пиктограмму. Поскольку у них нет ярлыка, они экономят много места в интерфейсе. Кнопки с пиктограммами также позволяют размещать другие кнопки с пиктограммами рядом с ними на небольшом пространстве.
Иконки кнопок с разными стилями.Предупреждение : Если вы разрабатываете продукты для людей с низким уровнем компьютерной грамотности, я всегда рекомендую использовать кнопку с меткой — особенно для более абстрактных значений.
На некоторых текстовых ссылках может быть значок.Обычно они не помещаются в основной текст.
Различные значки с кнопками ссылок.Кнопка — это визуальный артефакт, который представляет одну или несколько функций, которые выполняются, когда вы нажимаете на нее. То, как мы читаем и понимаем кнопку и ее представленные функции, определяется множеством различных, часто комбинированных переменных; дополнительный текст и / или изображения, цвет, физическая форма и ощущение кнопки, а также контекст, в котором вы ее читаете.
Чтобы знать, что что-то является кнопкой, мы должны читать это как кнопку.Это простая часть — обычно он круглый, цветной и содержит слово или изображение. Понять, что он на самом деле делает (какую функцию он представляет), может быть сложнее, в зависимости от того, насколько хорошо он спроектирован, где он размещен по отношению к другим элементам, а также от того, насколько сложен контекст:
Ручной блендер — легко.
Меню на сайте — в меру простое.
Удаленный цифровой ящик — в лучшем случае разумно понятный или значительно загадочный.
Хорошо продуманная кнопка — это кнопка, которую вы понимаете, даже если вы не знакомы с контекстом, в котором она находится.Если мы покупаем кухонный комбайн, мы предполагаем, вероятно, даже не задумываясь о нем, что он, вероятно, оснащен рядом кнопок, которые представляют функции, которые мы быстро понимаем. Дизайнер продукта, вероятно, предполагает, что мы предполагаем это. Плохо спроектированная кнопка, в свою очередь, — это кнопка, которую невозможно идентифицировать (попробуйте найти кнопку смыва на унитазе в дизайнерском отеле) или не понимаете, что она делает. Хороший дизайн — это дизайн, который легко читать, понимать и использовать. Пользователь должен понимать, как перемещаться по вашему сайту, на какую кнопку нажимать, чтобы смешать свой хумус, как изменить канал на своем цифровом блоке.И так далее.
Minimalist CD
CD-проигрыватель без ТРАДИЦИОННЫХ кнопок. Даже если вы не знакомы с этим продуктом, вы, вероятно, поймете, как им пользоваться, просто взглянув на него. Просто, интуитивно понятно и весело.
Генератор шума Baby Box
Генератор шума Baby Box — звуковой генератор с нарочито сложными кнопками и элементами управления. Идея (как я читал дизайн) состоит в том, что вы не должны понимать интерфейс, что приведет к непредвиденным музыкальным художественным выражениям.
Почему я посвящаю сообщение в блоге исследованию того, что может показаться настолько очевидным, что является хорошей или плохой кнопкой, зависит от двух основных причин: 1. Мне нравятся детали в дизайне, часто те, которые мы можем упустить. 2. Плохая кнопка способствует плохому взаимодействию с пользователем, а плохое взаимодействие с пользователем — нехорошо. Одним из примеров последствий плохого взаимодействия с пользователем является то, что ваши потенциальные клиенты или клиенты устают от вашего веб-сайта и уходят, выбирают приложение или продукт конкурента и т. Д.
Иногда могут возникать дизайнерские ситуации, когда функциональная разборчивость стоит в одном углу кольца, а визуальное выражение — в другом. Одним из таких примеров является крупная современная тенденция в дизайне, а именно плоский дизайн. В упрощенном виде можно сказать, что это дизайн, элементы которого не имеют оттенков, текстур или других эффектов, которые делают их трехмерными.
Плоский дизайн: без штриховки, без выпуклых кнопок. Вместо этого цвета, насыщенность цвета и значки служат сигналами того, какие элементы воспринимать как интерактивные и какой режим включен / активен.
Здесь снова возвращается дискуссия о том, как мы читаем кнопку — плоский дизайн критиковали за то, что он не интуитивно понятен, визуальная тенденция, которая проистекает из эстетического выражения, а не функционального рационализма. Короче говоря, пользователи действительно не понимают, какие элементы интерфейса являются интерактивными (ссылки, кнопки, элементы управления, слайдер и т. Д.), А что такое статический неинтерактивный контент.
Я считаю, что плоский дизайн не следует считать менее удобным для пользователя по определению.Речь идет о том, как она используется: как интерактивные элементы расположены по отношению к неинтерактивным, как иерархически структурирована информация, какие слова или изображения вы вставляете в кнопку как представление конкретной функции. И так далее.
Если мы отвернемся на 180 градусов от плоского дизайна, мы обнаружим скевморфизм. Другими словами, дизайн, который пытается имитировать физический рост объекта, который он изображает: например, кнопка на веб-сайте или в программе может иметь глянцевую пластиковую текстуру и тень, как это было бы в реальной жизни.Глядя на ранние версии различных операционных систем, мы можем увидеть, как дизайнеры интерфейса пытались имитировать внешний вид физических кнопок и сделать их трехмерными, моделируя высоту с помощью теней, текстур и контуров:
Кнопка в старой доброй Windows 95
Skeumorphism 1995: Старая добрая Windows 95. Внешняя черная рамка в сочетании с более светлыми и темными цветами для имитации разницы высот. Внутренняя пунктирная рамка показывает, что это активная кнопка, которая активируется, если вы предпочитаете нажимать клавишу Enter вместо мыши.
Кнопки в Mac OS
Skeumorphism 2001: Витражные бусины (?), Зенкованные в пластине из матового металла, действуют как кнопки для управления окнами в Mac OS X. Стеклянные бусины висели тринадцать лет, до 2014 года, когда они стали плоскими, как блины в OS X Yosemite. Металл тоже был списан.
интерфейс skeumorphistiskt
интерфейс skeumorphistiskt. Этот конкретный пример, на мой взгляд, относительно сложен благодаря сдержанному использованию текстур в сочетании с очень белыми поверхностями.
Кнопка существует уже давно и наверняка будет еще долго. Но если до кнопки было время, то, возможно, разумно предположить, что после нее будет время. Большинство из нас заметили, что мы живем в интересное время; постоянно разрабатываются новые футуристические способы взаимодействия с нашими объектами, начиная от сложного голосового управления в Siri от Apple и Cortana от Microsoft до движений рук в воздухе Xbox от Microsoft и проекта Google Solihull.
Кнопка приобрела свою форму, как и все, что спроектировано отдельно, в результате технологической и культурной среды, окружающей ее. В то время круглый декоративный объект с пружинным механизмом под ним был наиболее функциональным решением и, возможно, превзойдет технологии будущего по функциональности. Мы узнаем это через десять лет, когда будем умолять нас жаловаться на неисправные кофемашины эспрессо или пытаться увеличивать масштаб изображения на несимпатичных Google Maps.
Основная идея Интернета — когда Тим Бернерс Ли изобрел HTML в 1989 году — заключалась в соединении документов. Мы используем гиперссылки для перехода от одного документа к другому. Мы уже говорили о важности хорошо написанной ссылки, а также о правильном контрасте. Теперь посмотрим на общий вид.
Заглянув в Интернет, вы заметите, что на большинстве современных страниц ссылки и кнопки перепутаны.Вопрос в том, почему? Фреймворки CSS дают вам возможность стилизовать ваши ссылки как кнопки.
Знаменитый Bootstrap имеет селектор классов CSS под названием btn. Вы можете применить этот селектор к кнопке и ссылке. Это сделает их похожими друг на друга, хотя это разные элементы управления. Вы можете видеть, что в любой структуре вы можете применить что-то вроде .button
или .btn
, и ваша ссылка замаскирована под кнопку. Может быть, это не так уж и плохо, но ссылка и кнопка — это совершенно разные вещи.Они по-разному ведут себя. Так почему они должны выглядеть одинаково?
Ссылка настраивается и может быть активирована клавишей ввода. Ссылка перенаправит вас на новую страницу или раздел на той же странице. В ротаторе VoiceOver они также будут собраны в окне «Ссылки».
Кнопку тоже можно сфокусировать, она может быть активирована клавишей пробела. Кнопка запускает действие, например, открытие или закрытие чего-либо. Или отправив форму. В большинстве случаев для этого используется JavaScript.В ротаторе VoiceOver они будут собраны в окне «Элементы управления формой». Одно это о чем-то говорит.
Ожидания. Это не обязательно про слепых. Напротив. Давайте подумаем о людях, посещающих вашу страницу и использующих клавиатуру для навигации по вашему контенту. Они видят «кнопку» и ждут, что что-то произойдет. Они хотят, чтобы произошло какое-то действие — например, отправка формы, открытие слоя, закрытие слоя или открытие меню. Внезапно их перенаправляют на новую страницу.Хорошо, они, вероятно, вообще не откроют страницу, потому что используют клавишу пробела. Но ничего не происходит. Не расстраивайте своих пользователей.
И, пожалуйста, кто-нибудь может мне объяснить, почему кто-то должен делать что-то вроде этого: Text
Есть очень хорошая ссылка. Мы все их любим. Они — «сок» Интернета. Но кто-то поместил на него кнопку .button
только для того, чтобы добавить вверху .is-text
, так что ссылка изменится с подчеркнутого текста на кнопку и снова станет выглядеть как подчеркнутая ссылка.В чем дело?!
Не вводите пользователей в заблуждение. Ссылка должна выглядеть как ссылка, а не как какой-либо другой элемент, в данном случае как кнопка. Ссылки и кнопки могут «восприниматься» обычными пользователями одинаково. Они будут использовать свою мышь, чтобы навести указатель мыши на ссылку или кнопку и щелкнуть по ним мышью. Но когда вы используете клавиатуру и замаскируете ссылку как кнопку, все обязательно кончится слезами (ну, точно не получится, как планировалось.
Я понял.Вы хотите что-то продать. Вам нужно что-то, что кричит «Щелкни меня!» Это нормально при нажатии на кнопку. Я ожидаю немедленных действий. Я не хочу, чтобы меня перенаправляли на новую страницу. Может быть, даже маркетинговая страница с большим количеством копий. Это противоположность «Купи меня сейчас!»
Как дизайнер, вы должны попробовать придумать другой способ привлечь внимание пользователя. Как разработчик, вы всегда должны думать о назначении элемента, а затем использовать правильный HTML для этого.
В этом видео показано различие между кнопкой, ссылкой и другой ссылкой, стилизованной так, чтобы она выглядела как кнопка.Мы рассмотрим три примера в ChromeVox, VoiceOver и Экранном дикторе.
Сегодня судья по делу Epic против Apple вынес длительное постановление о том, что Epic не удалось доказать монополию Apple на транзакции с мобильными играми. Важно отметить, что суд также постановил, что правила Apple, запрещающие другие способы оплаты в App Store, противоречат конкуренции, и издал судебный запрет, предписывающий Apple отказаться от них.
В частности, суд заявил, что «Apple ведет антиконкурентную политику» и что «положения Apple, запрещающие рулевое управление, скрывают важную информацию от потребителей и незаконно ограничивают выбор потребителей».
Чтобы исправить это, суд издал следующий постоянный судебный запрет, запрещающий Apple иметь правила против других платежных систем. Я выделил наиболее подходящую часть полужирным шрифтом:
.Apple Inc. и ее должностные лица, агенты, служащие, сотрудники и любое лицо, которое находится в активном сговоре или участии с ними («Apple»), настоящим постоянно ограничены и имеют право запрещать разработчикам (i) включать в их приложения и их кнопки метаданных, внешние ссылки или другие призывы к действию, которые направляют клиентов к механизмам покупки, в дополнение к Покупкам в приложении и (ii) общению с клиентами через точки контакта, полученные от клиентов добровольно через регистрацию учетной записи в приложении.
Эта конкретная формулировка заимствована непосредственно из правила 3.1.1 Apple App Store, которое гласит: «Приложения и их метаданные не могут включать кнопки, внешние ссылки или другие призывы к действию, которые направляют клиентов к механизмам покупки, отличным от покупки в приложении», так что соблазнительно думать, что судья просто объявил это правило антиконкурентным и вычеркнул его.
Но это немного сложнее — теперь, когда этот текст находится в судебном порядке, он больше не принадлежит Apple, или нужно интерпретировать так, как Apple хочет .Действительно, суду было ясно, что он будет обеспечивать соблюдение этого правила, и что если кто-то думает, что Apple его нарушает, он хочет знать. Опять же, моя жирность:
Суд сохранит за собой юрисдикцию над исполнением и изменением судебного запрета. Если какая-либо часть настоящего Распоряжения нарушается какой-либо стороной, указанной в настоящем документе, или любым другим лицом, истец может ходатайством с уведомлением адвокатов ответчика подать заявление о санкциях или других средствах правовой защиты, которые могут потребоваться.
Итак, теперь идет действительно сложная часть .Что означает этот запрет для Apple и App Store? Давайте разберем это правило по частям — разница между «кнопкой» и «внешней ссылкой» будет здесь чрезвычайно важной.
Apple это:
Мы можем очень легко придать смысл некоторым версиям этого предложения:
Но рассмотрим следующую версию этого предложения:
Ну вот дерьмо. Вот пример кнопки, которая приведет вас к механизму покупки в приложении Amazon:
Кнопка в приложении, которая направляет клиентов к механизму покупки.Это игра с мячом! Что означает, что кнопка в приложении «направляет клиента к механизмам покупки»? Это кнопка оформления заказа? Может ли Amazon добавить в приложение Kindle корзину, кнопку оплаты и платежи? Суд не глуп — он указал кнопок и внешних ссылок , , что означает, что они считаются разными.Таким образом, кнопка не может быть просто внешней ссылкой, по которой вы попадаете в Safari.
Apple попытается сказать, что «кнопка» означает всего лишь , что-то вроде , в то время как разработчики скажут, что «кнопка» означает , как что-то работает .
Это означает, что при внимательном прочтении простого текста этого запрета предполагается, что кнопки в приложениях iOS могут направлять пользователей к механизмам покупки в приложении — , если кнопка просто отправляет вас в Интернет, это будет внешняя ссылка!
Я уверен, что многие разработчики собираются агрессивно тестировать этот язык, и что Apple разработает новые правила для защиты своей прибыльной системы покупок внутри приложений от конкуренции.И я уверен, что Apple попытается сказать, что «кнопка» означает просто , что-то вроде , в то время как разработчики скажут, что «кнопка» означает , как что-то работает . (В отношении Apple в этом есть много иронии.)
Но, в конце концов, не Apple будет решать, что означает этот приказ — это будет на усмотрение суда. И это деликатное положение, потому что суд явно считает, что правило, направленное против рулевого управления, является очень антиконкурентным.
Apple не ответила на просьбу прокомментировать разницу между кнопками и внешними ссылками.
HTML-элемент
представляет собой кнопку, на которую можно нажимать, которая используется для отправки форм или в любом месте документа для доступных стандартных функций кнопки.
По умолчанию кнопки HTML представлены в стиле, напоминающем платформу, на которой работает пользовательский агент, но вы можете изменить внешний вид кнопок с помощью CSS.
Категории содержимого | Содержание потока, фразовое содержание, Интерактивный контент, перечисленные, маркируемый, и представленный связанный с формой элемент, осязаемое содержание. |
---|---|
Разрешенное содержание | Фразовое содержание но не должно быть Интерактивный контент |
Отсутствие тега | Нет, и начальный, и конечный тег являются обязательными. |
Допущенные родители | Любой элемент, который принимает фразировка содержания. |
Неявная роль ARIA | кнопка |
Разрешенные роли ARIA | флажок , ссылка , пункт меню , menuitemcheckbox , пункт меню радио , опция , радио , переключатель , вкладка |
Интерфейс DOM | HTMLButtonElement |
Атрибуты этого элемента включают глобальные атрибуты.
автофокус
Этот логический атрибут указывает, что кнопка должна иметь фокус ввода при загрузке страницы. Только один элемент в документе может иметь этот атрибут.
автозаполнение
Этот атрибут на
является нестандартным и специфичным для Firefox. В отличие от других браузеров, Firefox сохраняет динамическое отключенное состояние
при загрузке страницы.Установка autocomplete = "off"
для кнопки отключает эту функцию; см. ошибку 654072.
отключен
Этот логический атрибут предотвращает взаимодействие пользователя с кнопкой: ее нельзя нажать или сфокусировать.
Firefox, в отличие от других браузеров, сохраняет динамическое отключенное состояние
при загрузке страницы. Используйте атрибут автозаполнения для управления этой функцией.
форма
Элемент , с которым нужно связать кнопку (его владелец формы ). Значение этого атрибута должно быть
id
из в том же документе. (Если этот атрибут не установлен,
связан с его предком элемент, если таковой имеется.)
Этот атрибут позволяет связать элементы
с в любом месте документа, а не только внутри
.Он также может переопределить элемент-предок
.
формация
URL-адрес, по которому обрабатывается информация, отправляемая кнопкой. Переопределяет действие
атрибута владельца формы кнопки. Ничего не делает, если нет владельца формы.
тип
Если кнопка является кнопкой отправки (она находится внутри / связана с и не имеет
type = "button"
), указывает, как кодировать данные формы, которые отправляются.Возможные значения:
application / x-www-form-urlencoded
: Значение по умолчанию, если атрибут не используется. multipart / form-data
: используется для отправки элементов
с их атрибутами типа
, установленными в файл
. text / plain
: Указано как средство отладки; не должны использоваться для отправки реальной формы. Если этот атрибут указан, он переопределяет атрибут enctype
владельца формы кнопки.
метод формы
Если кнопка является кнопкой отправки (она находится внутри / связана с и не имеет
type = "button"
), этот атрибут указывает метод HTTP, используемый для отправки формы. Возможные значения:
post
: данные из формы включаются в тело HTTP-запроса при отправке на сервер. Используйте, когда форма содержит информацию, которая не должна быть общедоступной, например учетные данные для входа. get
: данные формы добавляются к URL-адресу действия формы
с помощью ?
в качестве разделителя, и полученный URL-адрес отправляется на сервер. Используйте этот метод, если форма не имеет побочных эффектов, например формы поиска. Если указано, этот атрибут переопределяет метод
атрибута владельца формы кнопки.
форма новалидата
Если кнопка является кнопкой отправки, этот логический атрибут указывает, что форма не должна проверяться при отправке.Если этот атрибут указан, он переопределяет атрибут novalidate
владельца формы кнопки.
Этот атрибут также доступен для элементов
и
.
форма цели
Если кнопка является кнопкой отправки, этот атрибут представляет собой определяемое автором имя или стандартизированное ключевое слово с префиксом подчеркивания, указывающее, где отображать ответ от отправки формы.Это имя
или ключевое слово для контекста просмотра (вкладка, окно или
). Если этот атрибут указан, он переопределяет атрибут target
владельца формы кнопки. Следующие ключевые слова имеют особое значение:
_self
: загрузить ответ в тот же контекст просмотра, что и текущий. Это значение по умолчанию, если атрибут не указан. _blank
: загрузить ответ в новый безымянный контекст просмотра — обычно в новую вкладку или окно, в зависимости от настроек браузера пользователя. _parent
: загрузить ответ в родительский контекст просмотра текущего. Если родительский элемент отсутствует, этот параметр ведет себя так же, как _self
. _top
: загрузить ответ в контекст просмотра верхнего уровня (то есть контекст просмотра, который является предком текущего и не имеет родителя). Если родительский элемент отсутствует, этот параметр ведет себя так же, как _self
. наименование
Имя кнопки, отправленное как пара со значением кнопки
как часть данных формы, когда эта кнопка используется для отправки формы.
тип
Поведение кнопки по умолчанию. Возможные значения:
отправить
: кнопка отправляет данные формы на сервер. Это значение по умолчанию, если атрибут не указан для кнопок, связанных с
, или если атрибут является пустым или недопустимым значением. reset
: кнопка сбрасывает все элементы управления до их начальных значений, например .(Такое поведение имеет тенденцию раздражать пользователей.) кнопка
: кнопка не имеет поведения по умолчанию и ничего не делает при нажатии по умолчанию. Он может заставить клиентские скрипты прослушивать события элемента, которые запускаются при возникновении событий. значение
Определяет значение, связанное с именем кнопки
, когда оно отправляется вместе с данными формы. Это значение передается на сервер в параметрах, когда форма отправляется с помощью этой кнопки.
Кнопка отправки с атрибутом formaction
установлена, но без связанной формы ничего не делает. Вы должны установить владельца формы, либо заключив его в , либо установив для атрибута
form
идентификатор формы.
намного проще стилизовать, чем элементы
. Вы можете добавить внутренний HTML-контент (например,
,
или даже
) и использовать псевдоэлементы :: after
и :: before
для сложного рендеринга.
Если ваши кнопки не предназначены для отправки данных формы на сервер, обязательно установите для их атрибута type
значение button
. В противном случае они попытаются отправить данные формы и загрузить (несуществующий) ответ, возможно, разрушив текущее состояние документа.
Кнопки, на которых отображается только значок, не имеют доступного имени . Доступные имена предоставляют информацию для вспомогательных технологий, таких как программы чтения с экрана, для доступа при анализе документа и создании дерева специальных возможностей.Затем вспомогательные технологии используют дерево специальных возможностей для навигации и управления содержимым страницы.
Чтобы дать кнопке со значком доступное имя, поместите текст в элемент
, который кратко описывает функциональность кнопки.
Если вы хотите визуально скрыть текст кнопки, доступный способ сделать это — использовать комбинацию свойств CSS, чтобы удалить его визуально с экрана, но сохранить возможность его анализа с помощью вспомогательных технологий.
Однако стоит отметить, что если оставить текст кнопки визуально видимым, это может помочь людям, которые могут не знать значение значка или не понимать назначение кнопки. Это особенно актуально для людей, которые не разбираются в технологиях или которые могут по-разному интерпретировать значок, который использует кнопка.
Интерактивные элементы, такие как кнопки, должны иметь достаточно большую область, чтобы их можно было легко активировать.Это помогает множеству людей, включая людей с проблемами управления моторикой и людей, использующих неточные формы ввода, такие как перо или пальцы. Рекомендуется минимальный интерактивный размер 44 × 44 пикселя CSS.
Большие объемы интерактивного содержимого, включая кнопки, размещенные в непосредственной близости друг от друга, должны иметь пространство, разделяющее их. Этот интервал удобен для людей, которые испытывают проблемы с двигательным контролем, которые могут случайно активировать неправильный интерактивный контент.
Интервал можно создать с помощью свойств CSS, таких как поле , поле
.
Firefox добавит небольшую пунктирную рамку на кнопку с фокусом. Эта граница объявляется с помощью CSS в таблице стилей браузера, но вы можете переопределить ее, чтобы добавить свой собственный сфокусированный стиль, используя кнопку :: - moz-focus-inner {}
.
Если переопределено, важно, чтобы обеспечивал, чтобы изменение состояния при перемещении фокуса на кнопку было достаточно высоким , чтобы люди с ослабленным зрением могли его воспринимать.
Коэффициент контрастности цвета определяется путем сравнения яркости текста кнопки и значений цвета фона с фоном, на котором расположена кнопка. Чтобы соответствовать текущим Рекомендациям по обеспечению доступности веб-содержимого (WCAG), требуется соотношение 4,5: 1 для текстового содержимого и 3: 1 для крупного текста. (Большой текст определяется как 18,66 пикселя и полужирный шрифт
или больше, или 24 пикселя или больше.)
Приводит ли щелчок по кнопке
к тому, чтобы она (по умолчанию) становилась сфокусированной, зависит от браузера и ОС.Результаты для
из type = "button"
и type = "submit"
совпадают.
Браузеры для настольных ПК | Windows 8.1 | OS X 10.X |
---|---|---|
Firefox | ✅ Да — Firefox 30.0 | ❌ Нет (даже с tabindex ) Firefox 63 |
Хром | ✅ Да — хром 35 | ✅ Да — хром 65 |
Safari | НЕТ | ❌ Нет (даже с tabindex ) Safari 12 (ошибка 22261) |
Internet Explorer | ✅ Да — Internet Explorer 11 | НЕТ |
Presto | ✅ Да — Opera 12 | ✅ Да — Opera 12 |
Мобильные браузеры | iOS 7.1,2 | Android 4.4.4 |
---|---|---|
Safari Mobile | ❌ Нет (даже с tabindex ) | НЕТ |
Хром 35 | ❌ Нет (даже с tabindex ) | ✅ Есть |
Таблицы BCD загружаются только в браузере
Используйте настраиваемые стили кнопок Bootstrap для действий в формах, диалоговых окнах и т. Д. С поддержкой нескольких размеров, состояний и т. Д.
Bootstrap включает несколько предопределенных стилей кнопок, каждый из которых служит своей семантической цели, с добавлением нескольких дополнительных функций для большего контроля.
Начальный Вторичный Успех Опасность Предупреждение Информация Свет Темный Ссылка
Использование цвета для добавления смысла обеспечивает только визуальную индикацию, которая не будет передана пользователям вспомогательных технологий, таких как программы чтения с экрана.Убедитесь, что информация, обозначенная цветом, либо очевидна из самого содержимого (например, видимый текст), либо включена с помощью альтернативных средств, таких как дополнительный текст, скрытый с помощью класса .sr-only
.
Классы .btn
предназначены для использования с элементом
. Однако вы также можете использовать эти классы в элементах
или
(хотя некоторые браузеры могут применять немного другой рендеринг).
При использовании классов кнопок в элементах
, которые используются для запуска функциональности на странице (например, сворачивания содержимого), вместо ссылки на новые страницы или разделы на текущей странице, этим ссылкам следует присвоить роль role = " кнопка «
», чтобы соответствующим образом передать их назначение вспомогательным технологиям, например программам чтения с экрана.
Ссылка
Нужна кнопка, но нет изрядных цветов фона, которые они приносят? Замените классы модификаторов по умолчанию на .btn-outline- *
для удаления всех фоновых изображений и цветов на любой кнопке.
Начальный Вторичный Успех Опасность Предупреждение Информация Свет Темный
Хотите кнопки большего или меньшего размера? Складываем .btn-lg
или .btn-sm
для дополнительных размеров.
Большая кнопка Большая кнопка
Маленькая кнопка Маленькая кнопка
Создайте кнопки уровня блока — те, которые охватывают всю ширину родительского элемента — путем добавления .БТН-блок
.
Кнопка уровня блокировки Кнопка уровня блокировки
Кнопки будут казаться нажатыми (с более темным фоном, более темной рамкой и вставкой тени), когда они активны. Нет необходимости добавлять класс к
s, поскольку они используют псевдокласс . Тем не менее, вы все равно можете принудительно использовать тот же активный внешний вид с помощью .active
(и включает атрибут aria-press = "true"
), если вам нужно реплицировать состояние программно.
Основная ссылка
Ссылка
Сделайте кнопки неактивными, добавив логический атрибут disabled
к любому элементу
.
Основная кнопка Кнопка
Отключенные кнопки, использующие элемент
, ведут себя немного иначе:
не поддерживают атрибут disabled
, поэтому необходимо добавить .disabled
, чтобы визуально он выглядел отключенным.
на кнопках привязки. В браузерах, которые поддерживают это свойство, отключенный курсор вообще не отображается. aria-disabled = "true"
, чтобы указать состояние элемента для вспомогательных технологий. Основная ссылка
Ссылка
Модель .disabled
класс использует pointer-events: none
, чтобы попытаться отключить функциональность ссылок
s, но это свойство CSS еще не стандартизировано. Кроме того, даже в браузерах, которые действительно поддерживают события указателя : нет
, навигация с помощью клавиатуры остается неизменной, а это означает, что зрячие пользователи клавиатуры и пользователи вспомогательных технологий по-прежнему смогут активировать эти ссылки. Чтобы быть в безопасности, добавьте к этим ссылкам атрибут tabindex = "- 1"
(чтобы они не получали фокус клавиатуры) и используйте собственный JavaScript, чтобы отключить их функциональность.
Делайте больше с помощью кнопок. Управляйте состояниями кнопок или создавайте группы кнопок для дополнительных компонентов, таких как панели инструментов.
Добавьте data-toggle = "button"
, чтобы переключить активное
состояние кнопки. При предварительном переключении кнопки необходимо вручную добавить .active
class и aria-Press = "true"
к
.
Одиночный переключатель
Bootstrap .Стили кнопки
могут быть применены к другим элементам, таким как
s, для обеспечения переключения флажков или переключателей стилей радио. Добавьте data-toggle = "buttons"
к .btn-group
, содержащему эти измененные кнопки, чтобы включить их поведение переключения через JavaScript, и добавьте .btn-group-toggle
для стилизации
s в вашем кнопки. Обратите внимание, что вы можете создавать отдельные кнопки с питанием от входа или их группы.
Установленное состояние для этих кнопок: обновляется только через щелчок
, событие на кнопке.Если вы используете другой метод для обновления ввода, например, с помощью
или вручную применив свойство checked
для ввода, вам нужно будет переключить .active
на
вручную.
Обратите внимание, что предварительно отмеченные кнопки требуют, чтобы вы вручную добавили класс .active
к входу
.
<метка>
установлен
<метка>
Активен
<метка>
Радио
<метка>
Радио
Метод | Описание |
---|---|
$ (). |
Об авторе