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>

 

posted @ 2015-08-26 15:07  请低下头  阅读(190)  评论(0)  编辑  收藏  举报