首页 > 代码库 > a标签包input引起的问题

a标签包input引起的问题

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

 

简化了一下他的代码结构,如下:

<a href="javascript:;">

  <input type="text" value="http://www.mamicode.com/默认值">

</a>

 

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

 

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

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

 

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

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