• 关于

    input标签

    的搜索结果

问题

type="reset" 和 type="submit" 的 input 是否有作用范围限制?

请问 type="reset" 和 type="submit" 的 input 标签是否有作用范围的限制,例如说必须在 form表单中使用?在使用中发现不在 form 标签中的 reset 不起作用,而放置在 form 标签中的 reset...
a123456678 2019-12-01 20:15:21 959 浏览量 回答数 1

问题

用js或者jquery怎么把input给替换成label标签?

第一张图,点击修改按钮后,原来label标签的变为input标签,而且input里还多了几个属性,点击保存后就变回原来的label标签,不知道怎么替换的?要是多个怎么解决,比如第一张图中间的八个input那个情况。...
小旋风柴进 2019-12-01 19:34:12 1400 浏览量 回答数 1

问题

readonly属性与disabled属性值设置为什么的情况下input标签可用?

readonly='readonly' disable='disable' ,input标签不可用,那么当他们的值为多少,input标签可以用,难道只有用js把这个属性移除吗??...
杨冬芳 2019-12-01 19:42:48 993 浏览量 回答数 1

阿里云试用中心,为您提供0门槛上云实践机会!

100+款试用云产品,最长免费试用12个月!拨打95187-1,咨询专业上云建议!

问题

html的input标签怎么会有闭合标签?

input标签不是只有单标签吗,我在看bootstrap时发现该标签居然可以有闭合标签,并且里面包裹了一个div或span,这是咋么回事?...
小旋风柴进 2019-12-01 20:21:23 1077 浏览量 回答数 1

回答

<li> <input type="radio" id="tab-control-1" checked="checked"> <a href="#tab-item-1">标签一</a> </li> <li> <input type="radio" id="tab-control-2"> <a href="#tab-item-2">标签二</a> </li> <li> <input type="radio" id="tab-control-3"> <a href="#tab-item-3">标签三</a> </li> <li> <input type="radio" id="tab-control-4"> <a href="#tab-item-4">标签四</a> </li> <li> <input type="radio" id="tab-control-5"> <a href="#tab-item-5">标签五</a> </li> 问题在于你没有给他们命名,而且要命名相同的名字,这样radio就会在同名的一个组里保持一个或者零个被选中。 改成这样: <li> <input type="radio" name="tag" id="tab-control-1" checked="checked"> <a href="#tab-item-1">标签一</a> </li> <li> <input type="radio" name="tag" id="tab-control-2"> <a href="#tab-item-2">标签二</a> </li> <li> <input type="radio" name="tag" id="tab-control-3"> <a href="#tab-item-3">标签三</a> </li> <li> <input type="radio" name="tag" id="tab-control-4"> <a href="#tab-item-4">标签四</a> </li> <li> <input type="radio" name="tag" id="tab-control-5"> <a href="#tab-item-5">标签五</a> </li>
西秦说云 2019-12-02 02:31:00 0 浏览量 回答数 0

回答

其实你用审查元素orFireBug看的话你会发现其实input[2](姑且让我这么称呼它)的实际width是100%的,而不是你所谓的默认宽度。这里就要问了,为什么明明width:50px设置在后面,反而得到的是前面的width:100%这个值呢?这里需要注意的是类似权重(原谅我,我也不太清楚这个应该怎么称呼)的东西CSS选择器的优先级。仔细看你的CSS你会看到你设置width:100%的标签用了input.text两个标签,而设置width:50px只用了.input一个标签。这样做,无形中就把input.text的权重增大了,也就是说把它变得更优先了,所以解析器默认使用了width:100%这个参数。好了,到这里,给你一个意见,把.input改成.input.text,看看会发生什么?解决了这个,我们来继续看看问题。为什么width:100%参数生效了,可是宽度还是默认的呢?这只有一个可能,那就是包裹它的标签的宽度有问题。我们往上看一下,发现你对包裹input标签的div父标签设置了float:left这个属性。通过搜索,我们会发现,float参数具有破坏div标签宽度的作用(搜索了一下,发现很多专题讲述float的都很复杂,这里给一个直接简单的地址:http://my.oschina.net/jing31/blog/6601)。你又继续问了一个问题,为何这里的100%和auto是一样的效果呢。这里就要对100%进行解释。width为100%的话实际上应该理解为宽度为其父元素的100%宽度。但是我们又知道,父元素的宽度被float属性破坏了,其实际宽度应该是其子元素被撑大后的宽度。也就是说width:100%找不到比较对象了,不知道是谁的100%了(这里可能理解的不是那么准确)。所以浏览器解释成了auto。这里,你可以试验的将width:100%修改成width:300px,看看会发生什么?或者你在div父标签中填充点文字进去,看看又会发生什么?再次新加的内容可以很好的看上一段粗体的这个解释,应该是正常的情况。由于内部有文字所以div的宽度存在了基数,有了比较对象。没有文字的情况下,你可以这么理解,父元素的宽度靠子元素决定,子元素的宽度靠父元素决定,然后陷入死循环,然后浏览器疯了,然后浏览器就傲娇了,不知所措了,就给了默认的值了(这种情况应该挺正常的吧←_←)。好了,到这里问题应该解决了。最后结果是width:100%优先级高于width:50px而应用到了标签中,但是由于父标签的width变成了最小,所以被包裹的input也变成了默认的了。这里在给个意见,如果把父标签的float参数取消,看看又会发生什么呢?
a123456678 2019-12-02 02:20:37 0 浏览量 回答数 0

回答

jQuery 的选择器可谓之强大无比,这里简单地总结一下常用的元素查找方法 $("#myELement") 选择id值等于myElement的元素,id值不能重复在文档中只能有一个id值是myElement所以得到的是唯一的元素 $("div") 选择所有的div标签元素,返回div元素数组 $(".myClass") 选择使用myClass类的css的所有元素 $("*") 选择文档中的所有的元素,可以运用多种的选择方式进行联合选择:例如$("#myELement,div,.myclass") 层叠选择器: $("form input") 选择所有的form元素中的input元素 $("#main > *") 选择id值为main的所有的子元素 $("label + input") 选择所有的label元素的下一个input元素节点,经测试选择器返回的是label标签后面直接跟一个input标签的所有input标签元素 $("#prev ~ div") 同胞选择器,该选择器返回的为id为prev的标签元素的所有的属于同一个父元素的div标签 基本过滤选择器: $("tr:first") 选择所有tr元素的第一个 $("tr:last") 选择所有tr元素的最后一个 $("input:not(:checked) + span") 过滤掉:checked的选择器的所有的input元素 $("tr:even") 选择所有的tr元素的第0,2,4... ...个元素(注意:因为所选择的多个元素时为数组,所以序号是从0开始) $("tr:odd") 选择所有的tr元素的第1,3,5... ...个元素 $("td:eq(2)") 选择所有的td元素中序号为2的那个td元素 $("td:gt(4)") 选择td元素中序号大于4的所有td元素 $("td:ll(4)") 选择td元素中序号小于4的所有的td元素 $(":header") $("div:animated") 内容过滤选择器: $("div:contains('John')") 选择所有div中含有John文本的元素 $("td:empty") 选择所有的为空(也不包括文本节点)的td元素的数组 $("div:has(p)") 选择所有含有p标签的div元素 $("td:parent") 选择所有的以td为父节点的元素数组 可视化过滤选择器: $("div:hidden") 选择所有的被hidden的div元素 $("div:visible") 选择所有的可视化的div元素 属性过滤选择器: $("div[id]") 选择所有含有id属性的div元素 $("input[name='newsletter']") 选择所有的name属性等于'newsletter'的input元素 $("input[name!='newsletter']") 选择所有的name属性不等于'newsletter'的input元素 $("input[name^='news']") 选择所有的name属性以'news'开头的input元素 $("input[name$='news']") 选择所有的name属性以'news'结尾的input元素 $("input[name*='man']") 选择所有的name属性包含'news'的input元素 $("input[id][name$='man']") 可以使用多个属性进行联合选择,该选择器是得到所有的含有id属性并且那么属性以man结尾的元素 子元素过滤选择器: $("ul li:nth-child(2)"),$("ul li:nth-child(odd)"),$("ul li:nth-child(3n + 1)") $("div span:first-child") 返回所有的div元素的第一个子节点的数组 $("div span:last-child") 返回所有的div元素的最后一个节点的数组 $("div button:only-child") 返回所有的div中只有唯一一个子节点的所有子节点的数组 表单元素选择器: $(":input") 选择所有的表单输入元素,包括input, textarea, select 和 button $(":text") 选择所有的text input元素 $(":password") 选择所有的password input元素 $(":radio") 选择所有的radio input元素 $(":checkbox") 选择所有的checkbox input元素 $(":submit") 选择所有的submit input元素 $(":image") 选择所有的image input元素 $(":reset") 选择所有的reset input元素 $(":button") 选择所有的button input元素 $(":file") 选择所有的file input元素 $(":hidden") 选择所有类型为hidden的input元素或表单的隐藏域 表单元素过滤选择器: $(":enabled") 选择所有的可操作的表单元素 $(":disabled") 选择所有的不可操作的表单元素 $(":checked") 选择所有的被checked的表单元素 $("select option:selected") 选择所有的select 的子元素中被selected的元素 选取一个 name 为”S_03_22″的input text框的上一个td的text值 $(”input[@ name =S_03_22]“).parent().prev().text() 名字以”S_”开始,并且不是以”_R”结尾的 $(”input[@ name ^='S_']“).not(”[@ name $='_R']“) 一个名为 radio_01的radio所选的值 $(”input[@ name =radio_01][@checked]“).val(); $("A B") 查找A元素下面的所有子节点,包括非直接子节点 $("A>B") 查找A元素下面的直接子节点 $("A+B") 查找A元素后面的兄弟节点,包括非直接子节点 $("A~B") 查找A元素后面的兄弟节点,不包括非直接子节点 1. $("A B") 查找A元素下面的所有子节点,包括非直接子节点 例子:找到表单中所有的 input 元素 HTML 代码: <form> <label>Name:</label> <input name="name" /> <fieldset> <label>Newsletter:</label> <input name="newsletter" /> </fieldset> </form> <input name="none" /> jQuery 代码: $("form input") 结果: [ <input name="name" />, <input name="newsletter" /> ] 2. $("A>B") 查找A元素下面的直接子节点 例子:匹配表单中所有的子级input元素。 HTML 代码: <form> <label>Name:</label> <input name="name" /> <fieldset> <label>Newsletter:</label> <input name="newsletter" /> </fieldset> </form> <input name="none" /> jQuery 代码: $("form > input") 结果: [ <input name="name" /> ] 3. $("A+B") 查找A元素后面的兄弟节点,包括非直接子节点 例子:匹配所有跟在 label 后面的 input 元素 HTML 代码: <form> <label>Name:</label> <input name="name" /> <fieldset> <label>Newsletter:</label> <input name="newsletter" /> </fieldset> </form> <input name="none" /> jQuery 代码: $("label + input") 结果: [ <input name="name" />, <input name="newsletter" /> ] 4. $("A~B") 查找A元素后面的兄弟节点,不包括非直接子节点 例子:找到所有与表单同辈的 input 元素 HTML 代码: <form> <label>Name:</label> <input name="name" /> <fieldset> <label>Newsletter:</label> <input name="newsletter" /> </fieldset> </form> <input name="none" /> jQuery 代码: $("form ~ input") 结果: [ <input name="none" /> ]
小旋风柴进 2019-12-02 02:13:02 0 浏览量 回答数 0

回答

首先这个多级选择在一个同一个标签中,这样你找到这个标签是第一步,再通过这个标签找里面的check属性的标签,当然也必须是input,至于查找方式应该是,当前级的全选就查找同级和下级的input。
a123456678 2019-12-02 03:09:16 0 浏览量 回答数 0

问题

为什么 input 不能设置高度?

input 是行内标签还是块状标签?...
杨冬芳 2019-12-01 20:10:28 1227 浏览量 回答数 1

问题

bootstrap中input标签的上下前头怎么取消

bootstrap中input标签的上下前头怎么取消...
杨冬芳 2019-12-01 19:50:58 1001 浏览量 回答数 2

问题

关于input标签的focus事件疑问

我的需求是在每次输入完一个input框以后(只能输入一个数字),下一个input锁定,类似微信支付密码那样的交互; html: &lt;form id="voCash" name="card" method="post"&gt; &lt...
杨冬芳 2019-12-01 20:07:51 878 浏览量 回答数 1

问题

id是动态的,请问jQuery怎么修改input标签的value值?在线等解答

&lt;input type="button" id="${personID }" style="color: red;background-color: yellow;" onclick="toPowerSet(this.id);" va...
a123456678 2019-12-01 20:22:04 1503 浏览量 回答数 1

问题

如何点击a标签, 弹出input file 上传文件对话框 ?

如何点击a标签, 弹出input file 上传文件对话框 ???类似这样...
杨冬芳 2019-12-01 19:56:57 1759 浏览量 回答数 1

回答

建议你改进一下,首先应该优先使用placeholder <input type="text" name="搜索" value="搜索" placeholder="搜索" id="selector"/> 这个placeholder在ff、chrome等浏览器支持修改样式 ::-moz-placeholder{color:red;} //ff ::-webkit-input-placeholder{color:red;} //chrome,safari :-ms-input-placeholder{color:red;} //ie10 然后判断一下 如果浏览器不支持placeholder(我这个例子只判断了ie8),再进行js模拟placeholder的操作 $(function(){ if(!!navigator.userAgent.match(/MSIE 8.0/)){ $('input[placeholder], textarea[placeholder]').each(function() { var input = $(this); if (input.val() === '' && input.attr("placeholder") !== ''){ input.addClass("placeholder").val(input.attr('placeholder')); } input.focus(function() { if (input.val() === input.attr('placeholder')) { input.val(''); } }); input.blur(function() { if (input.val() === '' || input.val() === input.attr('placeholder')) { input.val(input.attr('placeholder')); } }); }); } }); 注释::text选择所有类型为text的input元素。如果需要自定义样式,并且希望placeholder在所有浏览器下表现一致,可以通过利用label标签模拟一个placeholder的样式放到输入框上,当输入框获得焦点的时候,隐藏label,当输入框失去焦点的时候,显示label。
a123456678 2019-12-02 02:05:28 0 浏览量 回答数 0

问题

button标签和input类型为button和submit有什么区别么?

button标签和input类型为button和submit有什么区别么? 这两个怎么区别使用?...
杨冬芳 2019-12-01 20:02:01 1354 浏览量 回答数 1

问题

已经生成的input标签,还能加jquery的class属性生成组件么

如题:已经生成的input标签,还能加jquery的class属性生成组件么...
吴孟桥 2019-12-01 19:43:38 1058 浏览量 回答数 1

回答

<input type="text" name="搜索" value="搜索" placeholder="搜索" id="selector"/> 这个placeholder在ff、chrome等浏览器支持修改样式 ::-moz-placeholder{color:red;} //ff ::-webkit-input-placeholder{color:red;} //chrome,safari :-ms-input-placeholder{color:red;} //ie10 然后判断一下 如果浏览器不支持placeholder(我这个例子只判断了ie8),再进行js模拟placeholder的操作 $(function(){ if(!!navigator.userAgent.match(/MSIE 8.0/)){ $('input[placeholder], textarea[placeholder]').each(function() { var input = $(this); if (input.val() === '' && input.attr("placeholder") !== ''){ input.addClass("placeholder").val(input.attr('placeholder')); } input.focus(function() { if (input.val() === input.attr('placeholder')) { input.val(''); } }); input.blur(function() { if (input.val() === '' || input.val() === input.attr('placeholder')) { input.val(input.attr('placeholder')); } }); }); } }); 注释::text选择所有类型为text的input元素。如果需要自定义样式,并且希望placeholder在所有浏览器下表现一致,可以通过利用label标签模拟一个placeholder的样式放到输入框上,当输入框获得焦点的时候,隐藏label,当输入框失去焦点的时候,显示label。根据以上的代码 你就可以设置placeholder这个class的style了
a123456678 2019-12-02 02:09:52 0 浏览量 回答数 0

问题

chrome浏览器选择记住密码后,如何避免对所有input标签进行自动填充?

chrome浏览器选择记住密码后,如何避免对所有input标签进行自动填充?...
杨冬芳 2019-12-01 20:03:37 1581 浏览量 回答数 1

回答

我是这样做的:1.获取需要变成该输入框的input框的实际宽度。2.获取输入框的maxlength参数。(设置最大为8,最小为3)3.获取原始框的父元素,在父元素里插入一个div,将input框隐藏并插入到该div里。4.实例化maxlength个input框插入div,每个input框中间插一个i标签。input无左右边框,i只有虚线右边框。美化样式。5.设置一个计数器active,初始化指向当前的第一个input框下标。6.给每个input框添加click事件,触发时强制光标focus到第active框,及当前的第一个空白框。7.给每个input框添加focus事件,触发时添加监听keyup事件。8.给每个input框添加blur事件,触发时移除元素的keyup事件。9.keyup事件触发时,获取键盘键值,键盘键值为数字的则写入并且计数器active加1,否则不写入,当为退格时删除当前元素的值并且计数器active减1。10.keyup执行之后触发一个回调函数,获取所有input的值写入隐藏的input框,判断active的值是否超出边界,超出边界则置为边界值,手动触发当前计数器指向的input的click事件。
杨冬芳 2019-12-02 02:36:34 0 浏览量 回答数 0

回答

可以用input标签实现,<input type='file'></input>
wjin06 2019-12-02 02:37:08 0 浏览量 回答数 0

问题

再一个div里点击a标签怎么获取同样在这个div里的input的值

再一个div里点击a标签怎么获取同样在这个div里的input的值...
a123456678 2019-12-01 20:21:20 1170 浏览量 回答数 1

回答

label标签就HTML语义来说,应当是input, select, textarea的标签。因此,for=""中填的应当是相关的input, select, textarea的id。从实际效果来看,如果for=""填写正确,点击label能够自动聚焦在相关的input, select或textarea上。尤其在checkbox和radio box上,无论桌面端和移动端都能够有效的提高用户体验。事实上,如果注意一些大型网站,这些细节都没有得到足够的重视。
西秦说云 2019-12-02 02:56:35 0 浏览量 回答数 0

问题

问一个input标签的focus事件问 题

html: &lt;form id="voCash" name="card" method="post"&gt; &lt;input id="pac1" class="n1" type="tel" value="" maxlength=...
杨冬芳 2019-12-01 19:49:24 880 浏览量 回答数 1

问题

做PHP项目需要把input标签设置只读,但是用户可以在浏览器上改,怎么办?

做PHP项目的时候需要把input标签设置只读,但是用户可以在浏览器上改,怎么办?...
落地花开啦 2019-12-01 20:05:07 819 浏览量 回答数 1

问题

angular能否填写input标签 来修改播放视频的src

angular能否填写input标签 来修改播放视频的src审查元素发现src确实变了 但是视频还是播放一开始缺省的要如何做才能实现单页面视频源切换播放...
杨冬芳 2019-12-01 20:10:21 982 浏览量 回答数 1

回答

html5允许开发者自由为其标签添加属性,这种自定义属性一般用“data-”开头。我目前理解到在bootstrap中data-target,data-toggle等属性主要有两种作用:【1.】在CSS中作标签选择器用。如: [data-toggle="buttons"] > .btn input[type="radio"], [data-toggle="buttons"] > .btn-group > .btn input[type="radio"], [data-toggle="buttons"] > .btn input[type="checkbox"], [data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } 【2.】 用来传递替换文本(不知道是不是这么说),见下面的例子: input[type=checkbox].ace.ace-switch + .lbl[data-lbl]::before { content: attr(data-lbl); }
西秦说云 2019-12-02 02:36:23 0 浏览量 回答数 0

问题

input 输入框如何实现当光标聚焦时部分文字被选中

我想实现以下的功能,如果html中的input标签中有如下的值时,当我的点击这个input中的某个字母时,和这个临近的字母被全选(遇到空格就不再选中),例如,我点击下面的这个input中的a时,它会把mail选中,而不会选中其他的字符,求大...
a123456678 2019-12-01 20:23:23 1942 浏览量 回答数 1

问题

如何通过dom获取input标签的value

&lt;div id="id1"&gt; &lt;form&gt; &lt;input class="c1" type="text" name="x1" /&gt; &lt;input class="c2" type="text" nan...
a123456678 2019-12-01 20:17:45 1091 浏览量 回答数 1

问题

H5 使用<input> 标签居中问题

问题一:的长度比长两个像素点,我设想的是改成phone的type为"number",有别的办法吗?问题二:图片上方黑色为DIV块,下方三条为三条,可以明显看出input标签长度不对,设置居中以后,会出现右多左少的情况,请问该怎么办?...
小旋风柴进 2019-12-01 20:20:13 1528 浏览量 回答数 1

问题

<input>可以获取修改前的值吗?

我有很多个input标签,就是用户的个人信息。在用户修改信息的时候如果修改了一些后又不想修改了就点击取消按钮就返回初始值。如果每个都用一个变量保存原始值的话有点麻烦,请问各位老师input有什么属性可以保存初始值吗?谢谢...
小旋风柴进 2019-12-01 20:25:06 1263 浏览量 回答数 1

云产品推荐

上海奇点人才服务相关的云产品 小程序定制 上海微企信息技术相关的云产品 国内短信套餐包 ECS云服务器安全配置相关的云产品 开发者问答 阿里云建站 自然场景识别相关的云产品 万网 小程序开发制作 视频内容分析 视频集锦 代理记账服务 阿里云AIoT