草庐IT

iron-input

全部标签

html - 使 &lt;input type ="file"> 元素填充其父 <div>

HTML:CSS:div{border:2pxsolid#ccc;width:50px;height:50px;overflow:hidden;}.thumbnail{width:100%;}.image_upload{opacity:0;position:absolute;}我要和相互重叠并填满他们的parent.我该如何修复我的CSS才能实现这一目标? 最佳答案 无法更改文件输入的大小。你可以redesignthefile-inputand,但可点击区域的大小不可修改。编辑:Aaron展示了第一个技巧,我添加了第二个技巧,所以请

javascript - jQuery.val() 不适用于 &lt;input&gt; 标签

在输入中输入内容并单击按钮后,“.val()”返回一个空值,知道为什么吗?HTML代码:Settings1Text1:Text2:Settings2Text1:Text2:GOJavaScript代码:$('#Go').on('click',function(){alert($('.class1input').val());//returnanemptyvalue$('.class1input').val("test");alert($('.class1input').val());//returntest});编辑:即使这样也行不通,这里我只有一个输入,所以我不能输入错误的输入:Se

c# - 使用 "&lt;input type="文件"..../>"代替 asp :FileUpload

我正在修改现有的ASP.NET项目。原作者错误地尝试通过将其可见性设置为隐藏并仅创建两个自定义样式的浏览和保存按钮来创建样式化的asp:FileUpload。出于安全原因,IE不允许这样做。我的策略是尝试使用type="file"的输入标签,比如thisexample.因此,如果我将输入设置为我如何在我的代码后面访问/保存文件,inputFile.SaveAs("someFile.txt");?另外(在后面的代码中)我可以做类似inputFile.HasFile的事情吗?还是有其他类似的东西?根据建议,我正在尝试以下操作:Enabled:  >

html - 如何用CSS让一个 "&lt;input type="文件"/>"看起来像一个链接?

只想要风格:看起来像:Choosethefile仅使用css。这可能吗? 最佳答案 如何使用label而不是anchor并将label连接到input[type="file"]通过为:label{color:blue;cursor:pointer;}label:hover{text-decoration:underline;}#file_input_id{display:none;}I'mawannabelink备注:safari使用display:none到input[type="file"]有问题

javascript - 在 jquery 中设置 &lt;input type ="date"... 的值

不明白为什么这不起作用。我有一个简单的'inputtype="date"'字段……每当使用此函数加载页面时,我都试图将值设置为今天的日期...functionsetDate(date){z=$(date).attr('value');vartoday=newDate();vardd=today.getDate();varmm=today.getMonth()+1;//Januaryis0!varyyyy=today.getFullYear();if(dd我已经完成了正常的调试,我知道这个函数正在被调用,我知道变量“今天”实际上以“yyyy-mm-dd”的形式保存今天的日期。我尝试过所有

html - 在 <label> 和它的 &lt;input&gt; 之间使用 <br/> 标签是好的做法吗?

我表单中的字段有标签、一些帮助文本、一些示例文本和一些上下文文本。IngredientsEnteroneingredientperline.Example:1CupofFlourPinchofSalt1TbspofPaprikaYieldservings.当我看到它没有样式时,它让我发疯,所有这些东西如何在同一条线上运行。我可能在打字时想出了解决问题的办法。我想我可能会使用为了我的帮助和示例文本。我仍然不喜欢标签总是与输入在同一行。 最佳答案 如果一个人真的很迂腐,几乎所有的用法都是是“糟糕的HTML”。表示语义换行符。换句话说,删

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属