网页设计TabIndex元素_HTML/Xhtml_网页制作

来源：懂视网责编：小采时间：2020-11-27 16:46:55

网页设计TabIndex元素_HTML/Xhtml_网页制作

网页设计TabIndex元素_HTML/Xhtml_网页制作:TabIndex就是按Tab键有顺序的获取定义过的TabIndex元素设置在各个元素之间的焦点。做过表单或者填写过表单的人都会发现，使用Tab键可以逐一获得每个input的焦点。这个东东其实也是可以修改的，比如不想被获取，或者改变被获取的顺序。在填写表单的时候

推荐度：

点击下载本文 文档为doc格式

导读网页设计TabIndex元素_HTML/Xhtml_网页制作:TabIndex就是按Tab键有顺序的获取定义过的TabIndex元素设置在各个元素之间的焦点。做过表单或者填写过表单的人都会发现，使用Tab键可以逐一获得每个input的焦点。这个东东其实也是可以修改的，比如不想被获取，或者改变被获取的顺序。在填写表单的时候

TabIndex就是按Tab键有顺序的获取定义过的TabIndex元素设置在各个元素之间的焦点。

　　做过表单或者填写过表单的人都会发现，使用Tab键可以逐一获得每个input的焦点。这个东东其实也是可以修改的，比如不想被获取，或者改变被获取的顺序。

　　在填写表单的时候（注册登录或其它），有很多用户都是不通过鼠标，而直接按Tab键跳到下一个文本框的，等到所有的东东都填好，然后是提交，这是一个非常好和方便的功能。我个人的习惯是，在填写完所有的东西时，提交一般都是用鼠标去点击提交按钮的，而且不希望Tab会使焦点跳到button上面，但我很少发现有使用Tab不会跳到button上的，不知道是不是个人习惯太BT了-_-!!!

　　如果不想某个东东被获取焦点，可以tabindex=-x，让tabindex的值为负，这样的话Tab就会直接跳过。

下面用一个简单的表单做例：

<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <meta http-equiv="Content-Language" content="gb2312" /> <title>TabIndex是干什么滴</title> <style type="text/css"> html,body { font:14px/200% Georgia, Verdana, Arial, "宋体"; } </style> </head> <body> </body> </html>

网页设计TabIndex元素_HTML/Xhtml_网页制作

推荐度：

点击下载本文 文档为doc格式

标签：元素网页 html

热门焦点

网页设计TabIndex元素_HTML/Xhtml_网页制作

网页设计TabIndex元素_HTML/Xhtml_网页制作

网页设计TabIndex元素_HTML/Xhtml_网页制作

最新推荐

猜你喜欢

热门推荐