• 首页
• 域名注册
• 虚拟主机
• 网站建设
• 服务器租用
• 营销推广
• 网站程序
• 前端开发
• 移动互联网
• 企业邮箱

• 当前位置：创新互联 >> 常见问题 >> 网站建设 >> 网页设计 >> 网页中用tab键控制input输入的顺序

网页中用tab键控制input输入的顺序

• 作者：创新互联 文章来源：网站设计部 点击数： 更新时间：2014-11-26

• 如果碰到网页提交表单的时候，按TAB切换键顺序混乱的情况，可以在表单属性里加入参数 tabindex="1"  解决该问题，这个参数是索引用的。更改数字大小顺序，可以实现按 tab键 的时候，按顺序跳转到数字更大的输入框中。演示代码：

    <table>
    <tbody>
    <tr>
    <td>
    <input tabindex="1" value="" />
    </td>
    <td>
    <input tabindex="4" value="" />
    </td>
    </tr>
    <tr>
    <td>
    <input tabindex="2" value="" />
    </td>
    <td>
    <input tabindex="5" value="" />
    </td>
    </tr>
    <tr>
    <td>
    <input tabindex="3" value="" />
    </td>
    <td>
    <input tabindex="6" value="" />
    </td>
    </tr>
    </tbody>
    </table>
    <button tabindex="8">tab切换顺序 8</button> //tabindex代表的是tab键顺序。当tabindex="-1“时，回跳过tab键
  

• 网站效果图的设计 :上一篇
  icon font在chrome被加粗和锯齿的解决办法 :下一篇