【web前端攻城狮】表单操作之更换表单顺序容易忽略的地方

来源:互联网 发布:spss数据分析游戏 编辑:程序博客网 时间:2024/05/21 17:42

不可避免的,表单也有排列不合适的地方,如下,我们可能需要将电话号码和单位换一下。下面是调换之后的图片

作为一名小菜,我开始想到的只是将css中两者对应的高度给改变了

这个时候如果单纯的做功能测试  一切正常  

但是!! 把自己当熟练的极客级别的用户来操作,就会发现,当我用TAB键切换填写项时。

当我的光标跳到注册邮箱的时候

然后按TAB  会发现直接跳到了单位上面   越过了电话号码   也就是说DOM的顺序也有功能性的意义  

TAB是根据HTML中DOM的顺序来切换跳转的

所以说改变表单顺序不仅要改CSS 还要改HTML中DOM顺序

0 0
原创粉丝点击