a标签包input引起的问题
最近公司中的一个项目中,有一个同事跟我说,他写的输入框不能选中输入内容了,并且光标也不能插入到已写好的文字其他位置。
简化了一下他的代码结构,如下:
<a href="javascript:;">
<input type="text" value="默认值">
</a>
由于一些特殊原因,他使用了一个block的a标签将他需要的所有内容包在了一起。
在这种情况下,会导致火狐和IE下的输入框文字不能选中,也不能用鼠标移动光标位置,具体为什么会这样,暂时还不明白,但是将a标签去掉即可,
所以在以后的工作中,需要注意的就是不要让这种结构出现。
(其实当时的这个布局并不需要a,a是在其他布局中需要的,然后因为结构类似,就直接复制了过来,更改了一下细节,这是我们经常会做的一件事,
但是,结构相似,并不代表代码是可以复用的。)