a标签包input引起的问题

最近公司中的一个项目中,有一个同事跟我说,他写的输入框不能选中输入内容了,并且光标也不能插入到已写好的文字其他位置. 简化了一下他的代码结构,如下: <a href="javascript:;"> <input type="text" value="默认值"> </a> 由于一些特殊原因,他使用了一个block的a标签将他需要的所有内容包在了一起. 在这种情况下,会导致火狐和IE下的输入框文字不能选中,也不能用…

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…

button标签与input type=button标签使用的差异

button标签和input type=button标签都是html文档中用来表示按钮属性的元素,不过他们在布局和实际使用功能中存在一些差异. 下面将项目中遇到的一些总结如下: 1.属性和布局差异. (a)width/height属性的差异 button标签的的width 和height属性是包括border在内的: Input type=button的border则是在设定的width和height之外在加上border的宽度: 如下图中右上方红色边框为button标签:右下角红色边框为in…

<button>标签与<input type="button">标签

button标签和input button

一.定义和用法 <button> 标签定义的是一个按钮. 在 button 元素内部,可以放置文本或图像.这是<button>与使用 input 元素创建的按钮的不同之处. 二者相比较, <button> 控件提供了更为强大的功能和更丰富的内容.<button> 与 </button> 标签之间的所有内容都是按钮的内容,其中包括任何可接受的正文内容,比如文本或多媒体内容.例如,我们可以在按钮中包括一个图像和相关的文本,用它们在按钮中创建一个吸引人…

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之…

SPRING IN ACTION 第4版笔记-第六章RENDERING WEB VIEWS-002- Spring的JSP标签之form标签(<sf:input><sf:errors><sf:form>)

一. Spring offers two JSP tag libraries to help define the view of your Spring MVC web views. One tag library renders HTML form tags that are bound to a model attribute. The other has a hodgepodge of utility tags that come in handy from time to time.…

第一篇-Html标签中head标签，body标签中input系列，textarea和select标签

第十四周课程(1-12章节) HTML 裸体 CSS 穿华丽衣服 Javascript 动起来一 HTML (20个标签) 1.我们的浏览器是socket客户端 2.一套规则,浏览器认识的规则 3.开发者: 学习html规则开发后台程序: 写html文件(充当模版的作用), 数据库获取数据,然后替换到html文件的指定位置(web框架) 4.本地测试: 找到文件路径,直接浏览器打开 pycharm打开测试 4.编写html文件在整个html文件里面html标签只能有一个 doctype…

表单相关标签之input标签

用于搜集用户信息. <input type="text" name="fname" /> 标签属性 type 规定 input 元素的类型.输入字段可以是文本字段.复选框.掩码后的文本控件.单选按钮.按钮等等. type可能的值: button 可点击按钮 <head> <script type="text/javascript"> function msg() { alert("Hello worl…

[转]SpringMVC<from:form>表单标签和<input>表单标签简介

原文地址:https://blog.csdn.net/hp_yangpeng/article/details/51906654 在使用SpringMVC的时候我们可以使用Spring封装的一系列表单标签,这些标签都可以访问到ModelMap中的内容.下面将对这些标签一一介绍. 在正式介绍SpringMVC的表单标签之前,我们需要先在JSP中声明使用的标签,具体做法是在JSP文件的顶部加入以下指令: <%@taglib uri="http://www.springframework.org/…

新增html5标签例如input的很多属性

<meter> 标签定义度量衡.仅用于已知最大和最小值的度量. contenteditable="true"> 规定可编辑的内容. <output> 标签定义不同类型的输出,比如脚本的输出. <progress> 对象的下载进度 <ruby> 标签定义 ruby 注释(中文注音或字符). input 增加很多除type="text" 外的其他属性修改placeholder样式 placeholder可以在inp…

html的body内标签之input系列2

一,input系列:name属性用于让后台拿数据.value 只是在屏幕上的显示. 1. input type='text' name='query' value="张三"(相当于默认值) 2. input type='password' name='XXX' value="张三"(相当于默认值) 3. input type='button' value='登录'--按钮 4. input type='submit' value='提交'---提交按钮,提交…

html的body内标签之input系列1

1. Form的作用:提交当前的表单. 类似于去了银行提交的纸质单子,递到后台去办理相关业务. text,password只有输入的功能:button,submit只有点击的功能.想要把这些信息提交,需要用Form button毛线用也没有(以后学JS的时候可以赋予一定的功能),submit才有真正提交的功能. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&q…

SpringMVC from 表单标签和 input 表单标签

刚学习很懵不知道还有springmvc 自己的表单于是乎就上网查了一下这个真的好用多啦刚学习很懵不知道还有springmvc 自己的表单于是乎就上网查了一下这个真的好用多啦刚学习很懵不知道还有springmvc 自己的表单于是乎就上网查了一下这个真的好用多啦详细信息 springmvc 表单大全哟@ https://www.yiibai.com/spring_mvc/ 1. form标签使用Spring的form标签主要有两个作用,第一是它会自…

H5 基本标签使用浅析（含video标签、input表单等）

1. 音频标签<audio> <audio src = “./music/Alone.mp3” controls autoplay loop = “3” ></audio> controls :在页面中显示音乐播放控件 autoplay :页面加载自动播放 loop :设置循环播放次数 ·浏览器音乐格式兼容浏览器默认按顺序查找兼容格式 <audio controls> <source src = “./music/Alone.mp3”>…

4、html的body内标签之input系列

一.input标签与form表单 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <form action="http://ip:port/index" method="post"…

模拟邮箱输入邮箱地址、收藏标签。input框输入内容后回车，内容显示成小方块并带删除按钮。

模拟邮箱输入邮箱地址.收藏标签: 文本框输入文字后按回车键或者分号键,输入框中的文字变成小块并带删除按钮和操作. 页面代码: <!DOCTYPE html> <%@ page language="java" contentType="text/html; charset=UTF-8"%> <% String ctxPath = request.getContextPath(); request.setAttribute("ct…

巧妙利用label标签实现input file上传文件自定义样式

提到上传文件,一般会想到用input file属性来实现,简单便捷,一行代码即可但input file原生提供的默认样式大多情况下都不符合需求,且在不同浏览器上呈现的样式也不尽相同我们往往需要为其自定义样式,而直接对input添加样式是一件麻烦的事, 因为input本身有默认的样式,我们需要一一覆盖,并且一些样式我们也无法覆盖, 比如你想把选择文件的字体颜色设置为和未选择任何文件的字体颜色一样,就无法实现以前遇到该问题时,我会新建一个div,给它添加相应样式,然后定位覆盖在原…

使用<label>标签修改input[type="checkbox"]的样式

因为<label>的特性有两点 : ①不呈现任何效果, ②用户点击该标签, 浏览器能自动将焦点转移到相关的表单控件上. <form> <input type="checkbox" name="sex" id="male" /> <label for="male">Male</label> </form> 所以正适合用于修改input的样式. 进入正文, 修…

ie7下<a></a>标签中<input />时不反应

<a href="News?id=@dr["id"].CInt()" ><input type="button" value="查看更多" class="b_mom_btn1" /></a> 这种情况不反应. <a href="News?id=@dr["id"].CInt()" class="b_mom_btn1&q…

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

在工作中有时候会遇到A标签,但是提交表单的时候我们需要用到submit来提交表单,下面几行代码很好的解决了这个问题! <div class="btn"><a href="javascript:;" onclick="fsubmit(document.loginform)">登录</a></div> //loginform为form的id <script> function fsubmit…

前端 html body 内标签之input

可以做登录页面 text是文本输入框 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <input type="text" /> </body> </html> 在里面…

在写移动端时，a标签或者input标签等在手机上点击背后会有阴影的解决办法

a,input{-webkit-tap-highlight-color:rgba(255,0,0,0);} 被背景设置成透明的就行了…

springMvc <form:form>标签 <form:input>标签需要注意的问题

在用springMVC <form:form>表单时,喜欢报的错误如下所示: 错误的Controller层的代码如下: @RequestMapping(value = "test.do",method = RequestMethod.POST) public String test(Student stu,Model model){ stu = new Student(); stu.setAge(16); stu.setName("zyh"); stu.…

HTML——form表单中常用标签 form input (text hidden password radio checkbox reset submit ) select(option)总结

<form action="" method="get">  <input type="text" name="user_name" placeholder="…

使用textarea标签代替input标签可以实现输入框的大小调节,自动换行,滚动条显示

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>textarea输入框</title> </head> <body> <textarea name="" id="" cols="30" rows="10&q…

label、input、table标签

<label>标签 <form> <label for="male">Male</label> <input type="radio" name"sex" id="male"/> <br> <label for="femal">Female</label> <input type="radio&q…

一个解决chrome浏览器下input标签当autocomplete的时候背景变黄色同时input背景图片消失方案

最近在改一个bug即如标题所讲的一样,chrome浏览器下当input标签开启autocomplete的时候input的背景颜色变黄同时在input的背景图片也被覆盖了.为此百度了好久发现网上说的使用js来append操作,亲测了都不管用.除非把autocomplete=“off”关了,但这就不符合需求了如图网上说的改变-webkit-autofill的阴影背景是可以去除黄色背景的,但是图片依旧被覆盖了. input:-webkit-autofill{ box-shadow:0 0 0px…

HTML：Input元素标签的详细介绍

总结Input的标签: Input表示Form表单中的一种输入对象,其又随Type类型的不同而分文本输入框,密码输入框,单选/复选框,提交/重置按钮等,下面一一介绍.1,type=text输入类型是text,这是我们见的最多也是使用最多的,比如登陆输入用户名,注册输入电话号码,电子邮件,家庭住址等等.当然这也是Input的默认类型.参数name:同样是表示的该文本输入框名称.参数size:输入框的长度大小.参数maxlength:输入框中允许输入字符的最大数.参数value:输入框中的默认值特殊…

使用CSS3中的input标签与lable标签组合实现banner图的切换

在做网页时,我们经常可以碰到banner图的切换.对于那些JS薄弱的同学来说,这就很尴尬了.今天,我来告诉大家如何使用CSS做出banner图切换的效果. 这里,用到了lable标签与input的组合,首先先来了解下lable标签 <label> 标签为 input 元素定义标签(label). label 元素不会向用户呈现任何特殊的样式.不过,它为鼠标用户改善了可用性,因为如果用户点击 label 元素内的文本,则会切换到控件本身. <label> 标签的 for 属性应该等于…

【a标签包input引起的问题】的更多相关文章