html5小趣味知识点系列(二)tabindex

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>tabindex</title>
    <style type="text/css">
     p{width: 300px; height: 30px; background: #ff0; line-height: 30px; text-align: center;}
    </style>
</head>
<body>
    <input type="text" tabindex="1">
    <input type="text" tabindex="2">
    <p tabindex="3">我也是可以获取焦点的哦</p>
    <p tabindex="-1">我获取不到焦点的!</p>
    <!-- tabindex等于-1 仍然可以通过编程的方式获取焦点 但是无法通过tab键来获取焦点了 -->
</body>
</html>
原文地址:https://www.cnblogs.com/ling-du/p/4760463.html