Community
Learn
Tools Library
AI Tools
Leisure
search
English
Home > Web Front-end > HTML Tutorial > Web Design TabIndex Element_HTML/Xhtml_Web Page Production

Web Design TabIndex Element_HTML/Xhtml_Web Page Production

WBOY
Release： 2016-05-16 16:42:14
Original
1466 people have browsed it

TabIndex is to press the Tab key to sequentially obtain the focus of the defined TabIndex elements set between each element.

Anyone who has made or filled out a form will find that using the Tab key can get the focus of each input one by one. This stuff can actually be modified, such as not wanting to be obtained, or changing the order in which it is obtained.

When filling out a form (registration, login or other), many users directly press the Tab key to jump to the next text box without using the mouse. Wait until everything is filled out, and then Yes Submit, which is a very nice and convenient feature. My personal habit is that after filling in all the things, I usually use the mouse to click the submit button, and I don’t want Tab to cause the focus to jump to the button, but I rarely find that when using Tab, the focus will not jump to the button. On the button, I don’t know if it’s just my personal habits that are too BT-_-!!!

If you don’t want something to be focused, you can tabindex=-x, so that the value of tabindex is negative. In this case Tab will skip directly.

The following is a simple form as an example:



Tip: You can modify part of the code before running

Copy Code
The code is as follows:




The Second pressing Tab to set focus to textbox


Press Tab, Not focusing to textbox < ;/p>



Using the Tab key, the order of getting focus is sorted by the value of tabindex. In the above example, t1, t2, and t3 gain focus in sequence. When it reaches t4, since the value of TabIndex is -1, t4 will not gain focus, but jumps directly to the next element that gains focus.
　The TabIndex value of t1, t2, t3, t4 can be changed arbitrarily according to actual needs, and the Tab focus is obtained according to the value from small to large. TabIndex is used to do this. . .
Related labels：
TabIndex
source：php.cn
Previous article：A brief discussion on html table tag _HTML/Xhtml_web page production Next article：Shtml streamlined tutorial_HTML/Xhtml_Web page production
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Latest Issues
function_exists() cannot determine the custom function Function test () {return true;} if (function_exists ('test')) {echo "test is function...
From 2024-04-29 11:01:01
0
3
2392
How to display the mobile version of Google Chrome Hello teacher, how can I change Google Chrome into a mobile version?
From 2024-04-23 00:22:19
0
11
2523
The child window operates the parent window, but the output does not respond. The first two sentences are executable, but the last sentence cannot be implemented.
From 2024-04-19 15:37:47
0
1
2141
There is no output in the parent window document.onclick = function(){ window.opener.document.write('I am the output of the child ...
From 2024-04-18 23:52:34
0
1
2017
Where is the courseware about CSS mind mapping? Courseware
From 2024-04-16 10:10:18
0
0
2093
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template