html tutorial - accesskey Attribute in HTML - html5 - html code - html form

Learn html - html tutorial - Accesskey attribute in html - html examples - html programs

The <accesskey> attribute specifies a keyboard shortcut and to access the element.
The way of accessing the shortcut key is varying in different browsers:

Windows	Linux	MAC
Alt+accesskey	Alt+accesskey	Ctrl+alt+accesskey
Alt+accesskey	N/A
Alt+shift+accesskey	Alt+shift+accesskey	Ctrl+alt+accesskey
Alt+accesskey	N/A	Ctrl+alt+accesskey
Opera 15 or newer: [Alt] + accesskey Opera 12.1 or older: [Shift] [Esc] + accesskey	Opera 15 or newer: [Alt] + accesskey Opera 12.1 or older: [Shift] [Esc] + accesskey	Opera 15 or newer: [Alt] + accesskey Opera 12.1 or older: [Shift] [Esc] + accesskey

Syntax for accesskey attribute in HTML:

<element accesskey="character">

Difference between HTML4.01 and HTML 5 for accesskey attribute:

HTML 4.01:

The accesskey attributes used with the <button>, <label>, <area>, <a>, <legend>and <textarea>.

HTML 5:

HTML5 any HTML elements can use accesskey attribute.

Applies To:

Element	Attribute
All HTML elements	accesskey

accesskey Attribute Value:

Value	Description
Character	The shortcut key to activate/focus the element.

Sample coding for accesskey attribute in HTML:

Tryit<!DOCTYPE html>
<html>
    <head>
        <title>Wikitechy-accesskey</title>
    </head>
    <body>
        <h3>Welcome to Wikitechy Online tutorials</h3>
        <a href="https://www.wikitechy.com/step-by-step-html-tutorials/” 
                 accesskey="l">HTML Tutorials</a><br>
        <a href="https://www.wikitechy.com/css/css-introduction" accesskey="c">CSS Tutorials</a>
    </body>
</html>

Code Explanation for accesskey attribute in HTML:

accesskey “l” is set to HTML Tutorials.
accesskey “c” is set to CSS Tutorials.

Output for accesskey attribute in HTML:

In Chrome browser, if user press the Alt+l in keyboard the page goes to HTML tutorials in Wikitechy website.
In Chrome browser, if we press the Alt+c in keyboard the page goes to CSS tutorials in Wikitechy website.

accesskey Attribute Output navigation to CSS tutorials press Alt+c

After pressing the Alt+c the CSS tutorials page is open in Wikitechy website.

Browser Support for accesskey attribute in HTML:


Yes	Yes	Yes	Yes	Yes

PDF

Related Searches to accesskey Attribute in html

html accesskey accesskey html5 accesskeys html5 accesskey accesskey enter accesskey html accesskey in html how to use accesskey in html html attributes html tutorialshtml editor html code html form html tutorial html color html color codes html table html img html5 html code for website html and css html programs html website free html editor html5 tutorial wysiwyg html editor html tutorial pdf html converter php tutorial html example html tutorial css tutorial html css html tags html basics code html html online html mailto html lang html tags list