Тема:

virtualkeyboardpolicy HTML атрибут - політика віртуальної клавіатури

Глобальний атрибут virtualkeyboardpolicy контролює поведінку екранної віртуальної клавіатури для редагованих елементів.

Коли атрибут virtualkeyboardpolicy вказано для елемента, вміст якого можна редагувати (наприклад, <input>, <textarea> або елемент з атрибутом contenteditable), він визначає, чи повинна віртуальна клавіатура автоматично з'являтися, чи її видимість повинна керуватися програмно. Цей атрибут особливо корисний на пристроях, таких як планшети та мобільні телефони, де апаратна клавіатура може бути недоступною.

Важливо розрізняти virtualkeyboardpolicy від атрибута inputmode. Хоча inputmode надає підказки браузеру щодо очікуваного типу введення (наприклад, числового, електронної пошти, URL) для оптимізації розкладки клавіатури, virtualkeyboardpolicy конкретно керує видимістю віртуальної клавіатури.

Синтаксис

HTML
<input type="text" virtualkeyboardpolicy="manual">

Значення

Атрибут є перелічуваним і приймає наступні значення:

auto (або порожній рядок "")

Це поведінка за замовчуванням. Коли елемент фокусується або торкається, браузер автоматично відображає віртуальну клавіатуру.

manual

Це значення відокремлює стан віртуальної клавіатури від фокусу або торкання елемента. Віртуальна клавіатура не буде автоматично показуватися або приховуватися; її видимість повинна керуватися вручну, зазвичай через VirtualKeyboard API.

Приклади використання

Результат
<label for="auto-keyboard">Автоматична клавіатура:</label>
<input type="text" id="auto-keyboard" virtualkeyboardpolicy="auto"><br><br>

<label for="manual-keyboard">Ручна клавіатура:</label>
<input type="text" id="manual-keyboard" virtualkeyboardpolicy="manual">
<button onclick="document.getElementById('manual-keyboard').focus(); navigator.virtualKeyboard.show()">Показати клавіатуру</button>
<button onclick="navigator.virtualKeyboard.hide()">Приховати клавіатуру</button>

Підтримка браузерів

virtualkeyboardpolicy

Останнє оновлення: