a标签包input引起的问题

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

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

<a href="javascript:;">

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

</a>

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

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

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

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

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

a标签包input引起的问题,布布扣,bubuko.com

时间: 2024-10-25 20:30:54

a标签包input引起的问题的相关文章

文字用一个label标签包起来,设置一个属性:for,其for的值要和复选框的id相同。

<p> 1.通过点击文字,就选中复选框</p> <p>文字用一个label标签包起来,设置一个属性:for,其for的值要和复选框的id相同.</p> <p> 例如:<input id="Checkbox6" value="6" name="box" type="checkbox" /><label for="Checkbox6"

a标签包着img事件 ie下 a标签的click事件失效

整个大的背景框有个点击事件, 如果标签结构是(详细的css样式略) a{background:green;} <a href=""> <img src="personal.png"/> <p>我是个人用户</p> </a> a标签有个click事件 像这样的 a标签包着img标签的时候 在ie下点击图片位置的时候 click事件不会触发 解决方式是把a标签改成div <div> <img

SpringMVC&lt;from:form&gt;表单标签和&lt;input&gt;表单标签简介 转http://blog.csdn.net/hp_yangpeng/article/details/51906654

SpringMVC<from:form>表单标签和<input>表单标签简介 在使用SpringMVC的时候我们可以使用spring封装的一系列表单标签,这些标签都可以访问到ModelMap中的内容.下面将对这些标签一一介绍. 在正式介绍SpringMVC的表单标签之前,我们需要先在JSP中声明使用的标签,具体做法是在JSP文件的顶部加入以下指令: Jsp代码 <%@taglib uri="http://www.springframework.org/tags/fo

表单标签(input)

表单标签(input):用来给后台提交数据,有以下特点: (1)所有表单标签都必须放在<form>,一旦提交就是提交整个form里头的表单标签的数据. (2)数据的形式总是以Name - value来提交的(type)就是表单标签的形式). 比如<inout type="text"  name=uid" value="默认值"/>   (value是由用户来填写的) (3)type 就是表单标签的形式,type在某时候与Name有关

a标签替代input的submit提交功能

在工作中有时候会遇到A标签,但是提交表单的时候我们需要用到submit来提交表单,下面几行代码很好的解决了这个问题! <input type="submit" value="立即登陆" /> 等价于 <a href="#" onclick=" document.forms[0].submit()" class="w96">立即登录</a>

BUTTON标签和INPUT标签的区别【转】

一句话概括主题:<button>具有<input type="button" ... >相同的作用但是在可操控性方面更加强大. HTML 4.01规范的Forms部分指名表单有以下几种控制类型:buttons, checkboxes, radio buttons, menus, text input, file select, hidden controls, object controls. 其中除了buttons/menus/object controls之

04:标签之input系列

input标签常用的类型属性(name=key,values=值,提交到后端.) <input type="text"> # 文本 <input type="password"> # 密码 <input type="button"> # 按钮 <input type="submit"> # 提交 <input type="radio"> # 单选,

html的body内标签之input系列

1. Form的作用:提交当前的表单 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <form> <input type="text"/> <input type=&quo

html的body内标签之input系列2

一,input系列: 1. input type='text' name='XXX' 2. input type='password' name='XXX' 3. input type='submit'---提交按钮,提交当前表单 4. input type='button' --按钮 二,一个实例理解一下提交的过程:https://www.sogou.com/web?query=长城 <!DOCTYPE html> <html lang="en"> <h