草庐IT

input_count

全部标签

html - 使用 <button type ="submit"> 代替 &lt;input type ="submit"> 提交表单,有问题吗?

标签比输入更容易设置样式,我真的很赞成使用它们。但是我担心可能会出现一些问题。来自W3schools:Note:IfyouusetheelementinanHTMLform,differentbrowsersmaysubmitdifferentvalues.UsetocreatebuttonsinanHTMLform.我还了解到IE对该按钮有问题。我只是希望将它们用作提交按钮的替代品,例如:它们的工作方式是否与提交按钮相同,或者我是否会遇到诸如不受支持的浏览器或其他任何问题? 最佳答案 button元素在IE中存在严重问题,IE曾经

html - 在 chrome 中使用 datalist 的 HTML5 &lt;input&gt; 标签溢出

我在http://codepen.io/liang179/pen/WQvERK有一个HTML页面包含与大型数据列表关联的标签。它在chrome中显示有溢出。屏幕外仍有数据。但在带有滚动条的firefox中很好。我该怎么做才能使它像在Firefox中一样在带有滚动条的Chrome中显示。下面是代码。$('#trigger').click(function(){ $class="animatedinfinite"+$('#type').val(); $('#target').removeClass().addClass($class);});

html - 在其 &lt;input&gt; 控件布局之外的其他嵌套级别中使用 <label> 是否可以?

我想知道以下HTML/CSS是否有任何错误,主要是从可访问性的Angular来看。我有两组指令A和B。用户一次只能看到其中一个。当用户看到说明A时,应该有指向B的链接,反之亦然。我考虑过使用按钮及其:checked状态来控制内容的可见性,然后是可以在该内容中,充当链接。由于可以单击标签来激活其相应的单选按钮,因此我将代码设置如下:label{text-decoration:underline;color:blue;cursor:pointer;}.a,.b{display:none;}#a:checked~.content.a,#b:checked~.content.b{display

jquery - input[type=text] 提交与显示不同的值

我正在使用Rails和jQuery开发应用程序。我想通过输入表单提交一个id整数值,但在用户填写表单时仍然向他显示一个友好的文本值。文本输入字段使用jQuery自动完成,因此一旦用户选择了一个条目,一个整数值将被放入输入字段。有什么方法可以显示与实际提交的值不同的值吗? 最佳答案 或者,您也可以保留一个隐藏的输入字段,并使用“更改”事件在用户每次更改原始字段时保持隐藏的输入字段更新。 关于jquery-input[type=text]提交与显示不同的值,我们在StackOverflow上

javascript - 确定当前浏览器是否支持 `&lt;input type="email"..`(例如)的最简单方法是什么?

对于HTML5,以下标记足以让浏览器处理一个输入验证。它将验证输入是否匹配电子邮件地址格式以及是否实际提供:输入框和提交按钮都不需要hook事件就可以了。我正在寻找一种方法来决定浏览器是否已经支持此功能,或者我应该自己处理输入验证。我想知道是否有办法直接解决这个问题,或者我是否应该维护一个包含所有可能的品牌-版本组合和支持的标志的表格。 最佳答案 正如@deceze所提到的,检测技术在here中有所描述。工具是modernizrif(!Modernizr.inputtypes.email){//nonativesupportfor:

javascript - 即 : cursor jump to start in input

在文本输入中,如果文本存在,你点击添加更多,光标会自动跳转到开头。它似乎只发生在IE中。我已经在谷歌上搜索了一段时间,并尝试了很多我发现的示例,但似乎没有任何效果。不幸的是,输入是用我无法控制的jsp编写的,我认为我遇到这个问题的唯一原因是因为其中有一些javascript硬编码。我真正想做的就是删除这个跳转。我认为添加以下代码会有所帮助,但似乎没有做任何事情:jQuery("input#simpleSearchString").focus();我不是100%确定开发人员试图通过“javascript:this...etc”实现什么,但也许我可以找到删除它的方法。

html - 为什么 WordPress 向我的 &lt;input&gt; 标签(空元素)添加结束标签?

假设我在wordpress上有一个表单,在这个表单中我有三个隐藏的表单字段,如下所列...现在我点击保存。当在浏览器的源代码中呈现时,我看到它们像这样嵌套......此页面设置为具有普通文档类型的HTML5,并在最新的chrome/firefox上呈现为这样。如您所见,wordpress几乎没有将这些隐藏的输入元素视为独立的。当我尝试自己用标签关闭它们时,它仍然会像这样重写它。我从来没有见过这样的事情,但我知道wordpress在过去重写它认为无效的代码方面有很多自由。你知道这里会发生什么吗? 最佳答案 看起来WordPress将代

ios - html 5 input DateTime-Local 任何浏览器 ios 9 native 日期时间选择器 - 如何选择年份?

我正在开发一个html5业务应用程序,有人刚刚在Beta测试中发现了一些我找不到答案的奇怪东西。我们有一个带有日期/时间输入的表单:在iPad或iPhone的Safari/Chrome或Firefox浏览器中(IOS9.02刚刚确认,但也有旧版本)当我点击输入字段时它会正确显示native日期/时间选择器,但是没有工具可以更改年。这根本不是一个选择。我错过了一些基本的东西还是IOS中的错误?请注意,这在我们使用Chrome/FireFox测试过的所有其他平台上都可以正常工作,只是不适用于IOS上的原生选择器。 最佳答案 大多数浏览器

javascript - 跨列跳跃的 CSS column-count 元素

我正在尝试使用CSS3获取动态数量的元素以跨5个元素显示column-count,但是当我在悬停时扩展列表项高度时,它偶尔会导致跳跃(一个元素转到下一列)。您可以看到行为here我假设这是因为column-count使用高度来计算哪个元素去哪里或什么东西......我们如何让它按预期工作?如果我尝试增加的高度,它们变成4列甚至3列,因为元素填满第一列,然后开始第二列,依此类推。 最佳答案 简而言之,CSS3列不是您要执行的操作的正确解决方案。(如果我理解正确,您希望悬停元素通过超出其框来溢出其父容器。但是,CSS3列的设计使得溢出将

html - 更改 &lt;input type=text> 字体大小而不更改其宽度

我有两个文本框,它们的宽度比应该是2:1,我可以使用flex来做到这一点。但是当我将字体大小更改为300%时,文本框的宽度变得相等。我该如何避免这种情况并将宽度保持在2:1的比例?代码如下:input[type=text]{font-size:300%;}#b4{flex:2;}#b2{flex:1;}div{display:flex;width:100%;}此外,我不想为任何文本框设置固定宽度。 最佳答案 这是Firefox的问题。最好的解决方案是为输入添加一个最小宽度。input{min-width:0;}或将各个输入包裹在di