a标签包input引起的问题

最近公司中的一个项目中，有一个同事跟我说，他写的输入框不能选中输入内容了，并且光标也不能插入到已写好的文字其他位置。

 

简化了一下他的代码结构，如下：

<a href="javascript:;">

　　<input type="text" value="默认值">

</a>

 

由于一些特殊原因，他使用了一个block的a标签将他需要的所有内容包在了一起。

 

在这种情况下，会导致火狐和IE下的输入框文字不能选中，也不能用鼠标移动光标位置，具体为什么会这样，暂时还不明白，但是将a标签去掉即可，

所以在以后的工作中，需要注意的就是不要让这种结构出现。

 

（其实当时的这个布局并不需要a，a是在其他布局中需要的，然后因为结构类似，就直接复制了过来，更改了一下细节，这是我们经常会做的一件事，

但是，结构相似，并不代表代码是可以复用的。）