html中input标签的tabindex属性

当浏览者浏览网站时可以通过按TAB键在网页的链接中依次移动,这是一个相当方便实用的功能。但如果网页中链接太多,恐怕按TAB键就没什么作用了,这时不妨通过改变TAB键移动的顺序来突出重点,在某些重要页面上方便访问者。

使用TABINDEX属性可以设置TAB键在链接中的移动顺序。把链接的TABINDEX属性设成1到32767的一个值,就可以把这个链接加入到 TAB键的序列中,而若把TABINDEX属性设为一个负值(如TABINDEX="-1"),那么这个链接将被排除在TAB键的序列之外。

当浏览者使用TAB键在网页链接中移动时,将首先移动到具有最小TABINDEX属性值的链接上,最后在具有最大TABINDEX属性值的链接上结束移动。如果有两个链接的TABINDEX属性相同,则以链接在html代码中出现的顺序为准。

<input type="submit" name="Submit" value="提交" tabindex="1" />
<input type="radio" name="radiobutton" value="radiobutton" tabindex="3" />
<input type="checkbox" name="checkbox" value="checkbox" tabindex="2" />

原帖地址:http://blog.sina.com.cn/s/blog_6c1da7060100ntjk.html

时间: 2024-10-16 05:23:40

html中input标签的tabindex属性的相关文章

关于HTML中input标签checkbox类型的疑问

问题描述 关于HTML中input标签checkbox类型的疑问 首先产生疑问的由来是我之前自己写的代码,需要实现选中删除的原理,可能是看别人的,也可能是自己灵光一现,实现了这个功能,但是如今回头看看又不懂了,所以在这里做个死记硬背的总结,也期待一个大神来开导我一下. 在form表单中代码是这样的(因为尖括号会被屏蔽所以用中文中括号代替) [input type='checkbox' name='eletment[ ] ' value='$id'] 于是我们用php把$id的变为数据库里相对应的

html中的input标签的checked属性jquery判断代码_jquery

虽然会有这样的错误,但是如果再仔细测试一下,会发现input标type属性设为button时,还是具有checked属性的,而且默认为false 代码如下所示: 复制代码 代码如下: <script type="text/javascript" src="http://www.jb51.net/jslib/jquery/jquery.js"></script> <script type="text/javascript&quo

css中input标签与图片按钮对不齐怎么办

  页面中img和input顶部总对不齐,预览效果如下: 解决方法其实很简单,我们只要给图片加上vertical-align:middle属性就可以了.  代码如下   <input name="veryhuo" type="text" size="28" value="" style="vertical-align:middle" /> <img src="h/images/8

css中input标签与图片按钮对不齐解决方法

页面中img和input顶部总对不齐,预览效果如下: 解决方法其实很简单,我们只要给图片加上vertical-align:middle属性就可以了.  代码如下 复制代码 <input name="veryhuo" type="text" size="28" value="" style="vertical-align:middle" /> <img src="h/images/

struts2 cssclass:Struts2 checkboxlist标签 设置cssClass属性生成的html代码中check没有class属性问题

使用struts2 checkboxlist标签设置cssClass属性后,发现生成的html代码中 input 标签并没有class属性.打开checkboxlist.ftl看,内容如下:<input type="checkbox" name="${parameters.name?html}" value="${itemKeyStr?html}" id="${parameters.name?html}-${itemCount}&

input标签写CSS时需要注意的几点

飞鱼的声纳顶部的搜索框让我头疼了很长时间,原因是总不能获得跨浏览器的统一样式.主要的问题有这么两个:一是input标签的高度不能统一,Firefox和IE中的高度始终不能一致;二是在IE浏览器中属性为text的input标签中的输入文字不像标准浏览器中的那样垂直居中显示,而是靠输入框的左上角显示. 为了彻底解决搜索框的这些问题,我以GreenGaint主题搜索框的样式为准,重写了一遍代码并且以像素为单位测量了一下在没有任何样式表的情况下<input>标签在默认浏览器中的实际差别. 结果发现:i

java-后台获取input标签中的属性值,该怎么获取

问题描述 后台获取input标签中的属性值,该怎么获取 后台想通过JAVA获取到input中的isDraft的值是否为0 该怎么获取 <input type="button" value="创建问卷" name="sendBtn" id="sendBtn" class="butn" isDraft=0>; <input type="button" value="

HTML代码中标签的全部属性 中文注释说明_基础知识

例:写一段图片HTML代码 <img src="http://localhost/phpwind6/zx/6.jpg" id="imgs" lang="en-us" alt="测试"> 该标签为img的代码中已可以看出已含有了四个属性,包括src id lang alt,加上本身的img标签有5个属性. 那么该img标签在正常的情况下倒底还含有多个属性?(包含对象),我现在为大家一一列出来(以上面那句代码为例,并附

javascript-关于JS读取form表单的问题,form中嵌套table,input标签放入table中

问题描述 关于JS读取form表单的问题,form中嵌套table,input标签放入table中 <html> <head></head> <body> <form id = "form1" name = "form1" action = "b.html" method = "post"> <table id = "tab" name =