草庐IT

input_size

全部标签

javascript - Blur 事件未在 <label> 上触发 - 无法找到处理 hide-on-blur &lt;input&gt; 文本字段的解决方法

TL;DR我怎样才能得到这个self-explanatoryJSFiddle上类?来自theW3C:Theblureventoccurswhenanelementlosesfocuseitherviathepointingdeviceorbytabbingnavigation.Thiseventisvalidforthefollowingelements:LABEL,INPUT,SELECT,TEXTAREA,andBUTTON.基本思想,HTML:afterfocusingininput,thereshouldbenoblurwhenclickingherebutblurshould

javascript - 如何删除一个 “input type=file”倍数的具体值

我将inputtype='file'用于多个文件,一个用于单个文件。喜欢,//singleimage//IMAGE_TYPESisconstantanddefinedwith:define('IMAGE_TYPES',array('main','floor','bedroom1','bedroom2','bedroom3','kitchen','reception','garages','epc','other'));@foreach(IMAGE_TYPESas$images)@if($images!='other')Clickhereordropfilestoupload"/>@el

html - 每个表单元素 <label>+&lt;input&gt; 在没有 <div> 的新行上

是否有一种解决方案可以在不关闭div上的这些元素的情况下将每个表单元素移动到一个新行上?我的意思是:One:Two:ab...显示:One:[.......]Two:[a\/]andsoon...如果我使用CSS:input,select,label{display:block;}然后标签与表单字段不在同一行。是唯一的解决方案:One:... 最佳答案 另一种方法是这样的One:和CSSlabel{display:block;position:relative;padding-left:120px;/*adjustifnecessa

html - Spring 形式 :input for number

我正在使用Spring的表单:输入如下:在我的jsp中,但是当我检查在浏览器上呈现的html时,它显示如下:type="number"type="text"即在html中生成了两个type属性。另一方面,如果我在浏览器中使用检查元素选项进行检查,它会显示正确-只有type="number"符合预期。编辑-我的问题:为什么我在生成的html(type="number"type="text")中得到两个类型属性?如何解决? 最佳答案 Springform:input标签没有任何名为type的属性,您的代码中使用的type=number属

html - min-height/min-width 在某些浏览器中不考虑 box-sizing

请看这个例子:http://jsfiddle.net/vrgT3/5/我用overflow:auto;创建了一个250x250px父div,因此当内容溢出框时会出现滚动条。我设置了蓝色背景,以便在父级可见时清晰显示。在父级内部是一个带有红色背景的子级div,以便可见。它有8px黑色边框和box-sizing:border-box;因此填充和边框包含在计算框的大小中。子div设置为min-height:100%和min-width:100%。预期结果:子div应与父div大小完全相同,因此不会显示蓝色,也不会出现滚动条。计算出的框大小(内容+填充+边框)应为250x250px。应该有8p

html - 为什么人们会选择可编辑的 DIV 而不是 INPUT 或 TEXTAREA

Thereareseveralquestions关于询问如何使div可编辑。然而,人们可以只使用文本区域或输入字段并将它们禁用或只读。我猜这会产生更好的语义。即使是MDN给出的例子在我看来就像一个普通的旧输入字段。那么我为什么要使用可编辑的div?与文本区域和输入字段相比,它有什么优势?我刚刚看了anexample我在标签wiki中找到了contenteditable.优点是我可以在可编辑的div中使用标记,但不能在文本区域或输入字段中使用标记?允许child进入文本区域在语义上不是更正确吗?或者引入一个全新的元素,就像他们在HTML5中所做的那样。像richtextarea这样的东西

html - twitter bootstrap input-group-addon 和 btn-group 没有很好地对齐

我有一个选择项,我从http://silviomoreto.github.io/bootstrap-select/应用了选择器功能现在我正在尝试将input-group-addon与select对齐,它变成了btn-group,但是插件的高度永远不会与btn-group的高度相同,我使用的是twitterbootstrap3。任何人都可以建议我如何做到这一点,我的代码是:CONTACT_SERVICECODE112 最佳答案 这是我修复它的jsbin。jsbin当您将输入组大小设置为“input-group-lg”或“input-g

html - 如何根据窗口宽度加载不同的css文件 : smaller size not recognized

如果窗口大小低于500像素,我想加载一个不同的css文件。我有但是main.css总是覆盖mobile.css,尽管窗口小于500px。怎么了?编辑:我改成了但是当我将窗口缩小到小于500px时,元素检查器显示正在加载mobile.css,但每个元素都被main.css中的规范覆盖。 最佳答案 CSS代表CASCADINGSTYLESHEETS,这意味着您应该始终将主样式表放在顶部,然后在其下方放置辅助样式表。您越确定要在文件中使用CSS而不是其他CSS文件,它应该越靠下/在其他CSS文件之后。如果次要文件中的规则与主要文件中的规则

JavaScript 事件 : Getting notified of changes in an &lt;input&gt; control value

我有以下问题:我有一个HTML文本框(),其内容被我无法触及的脚本修改(这是我的页面,但我使用的是外部组件)。每当该文本框的值发生变化时,我都希望在我的脚本中收到通知,以便我可以对其使用react。我已经试过了:txtStartDate.observe('change',function(){alert('change'+txtStartDate.value)});哪个(可以预见)不起作用。它仅在我自己使用键盘更改文本框值然后将焦点移到其他地方时才会执行,但如果脚本更改值则不会执行。是否有其他我可以收听但我不知道的事件?我正在使用Prototype库,如果相关,修改文本框值的外部组件是

html - 为什么后台附件: fixed make background-size:cover resize to the window proportions?

如果您想要调整大小以覆盖整个标题的标题图像,但也希望固定背景附件,则背景图像将不再覆盖包含的div,而是会尝试覆盖整个窗口。这是一个显示问题的fiddle。只需在CSS上切换第13行的命令即可。当您更改为http://jsfiddle.net/TqQv7/155/#top-left{position:absolute;top:0px;left:0px;width:50%;height:50%;background:#000url('http://placekitten.com/2000/1000')no-repeat;-moz-background-size:cover;backgro