记一次才过的坑:label嵌套input

一次这样写页面:

<label>
<input type='number'>
<input type='number'>
label>

于是,发现点击第二个input的时候会在safari浏览器回到第一个input,但是谷歌浏览器就没有问题。作为一名前端小白,是在想不明白其中缘由,只知道修改成下面就可以了

其中缘由,只知道不符合w3c规范,label只可以嵌套input的类型是checkbox,redio的标签~~~~~~

你可能感兴趣的:(问题解决经验)