Фокус введення в html

Що таке фокус введення

У HTML є ряд елементів, з якими користувач може розширено взаємодіяти. Це, як правило, викликає побічні ефекти. Наприклад, натискання за гіперпосиланням завантажить в браузер іншу сторінку, а вибір поля відкриє список, що випадає.

Така взаємодія можливо за рахунок переміщення фокусу введення. Користувач повинен явним чином активувати елемент для подальшої роботи. Щоб почати вводити текст потрібно вибрати необхідне поле форми за допомогою миші.

Фокус введення може бути встановлений на наступних елементах: . .

. . . Як бачите, до них в основному відносяться поля форми. Встановлений на елементі фокус можна визначити візуально. Браузери за замовчуванням обрамляють його сірої кордоном з усіх боків.</p> <p>HTML дозволяє задати фокус декількома способами:</p> <h2>Послідовне переміщення фокуса</h2><p>Атрибут tabindex дозволяє задати вищепереліченим елементам послідовність переміщення фокусу введення при натисканні кнопки Tab. Стандартно воно йде по порядку розташування в HTML-розмітці.</p> <p>Tabindex повинен бути записано число, яке відображає порядковий номер. Якщо заданий 0. то елемент отримає фокус введення в останню чергу. Поля, що мають однакові значення атрибута tabindex. обробляються згідно з порядком розташування в HTML-розмітці.</p> <p>Можна вказати конкретний елемент, який потребує фокусу відразу після завантаження сторінки. Це реалізується за рахунок додавання атрибута autofocus. Його можна використовувати тільки для полів форми. Гіперпосилання будуть проігноровані.</p> <p><div style="text-align:center;"><img src="https://images-on-off.com/images/179/fokusvvodavhtml-4d7dfeed.jpg" title="Фокус введення в html (html фокус на поле)" alt="Фокус введення в html" /></div><br> Рис 1. Відображення полів з автофокусом</p> <h2>Вказівка ​​гарячих клавіш</h2> <p>Швидкий доступ майже ніколи не використовуються. Багато користувачів навіть не підозрюють про їх існування. Проте, HTML дозволяє встановлювати фокус введення при натисканні клавіш. Це стає можливим з додаванням атрибуту accesskey. Його значенням повинна бути конкретна буква або цифра.</p> <p>Спрацьовування перекладу фокуса на елемент відбудеться при натисканні клавіш. В основній масі браузерів це поєднання визначається як Alt + значеніе_клавіші. але Firefox ускладнює завдання. У ньому необхідно набрати Shift + Alt + значеніе_клавіші.</p> <p>Поділіться в соцcетях:</p> <h4>Схожі статті</h4> <ul> <li> <p><a href="/articles/shvidkij-dostup-dlja-mov-vvedennja-i-rozkladok.php">Швидкий доступ для мов введення і розкладок клавіатури в windows 8</a></p> </li> <li> <p><a href="/articles/validacija-sajtu-abo-pravilnij-html.php">Валідація сайту або правильний html</a></p> </li> </ul> </div> </article> </div> </div> </div> <footer class="igrzom-footer clearfix"> <p>Copyright © 2024<br></p> </footer> </div> </div></body> </html>