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

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

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

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

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

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

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

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

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

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

你可能感兴趣的:(html,css,表单,web前端,enter键)