草庐IT

iron-input

全部标签

html - 为 <input type ='submit' > 添加到高度/宽度的 CSS 填充

如果有人问过这个问题,我很抱歉,但我找不到完全相同的问题。正如W3schools所说,高度属性不包括填充、边框或边距!(link).所以这是一个简单的样式声明:input{width:180px;height:18px;padding:7px;border:1pxsolidblack;}这是html:文本字段按预期大小为194x32像素,但提交按钮为180x18像素。显然,我可以将按钮的高度和宽度增加两倍,但我想了解为什么会出现差异。我在这里做了一个jsfiddle:http://jsfiddle.net/RRf5A/.谢谢你的帮助。仅供引用,我已经尝试过而不是输入提交,和displa

html - 使用 input-groups bootstrap 创建一个内联表单

我正在尝试使用输入组创建一个简单的内联表单,以在输入前显示图标。据我所知,我正在关注文档,但表单没有按预期显示。SeethisJSFiddle,说明了问题。我假设itshouldbedisplayedlikethis(当然只有前面有图标)。如何解决?我的代码:Createaccount 最佳答案 这是已知问题,将根据thisshiplist在Bootstrapv.3.2.0中修复.在此之前你可以自己修复它:.input-group{display:inline-table;vertical-align:middle;.input-g

html - CSS/HTML : How do I change the color of the check mark within the checkbox input?

这个问题在这里已经有了答案:HowtostyleacheckboxusingCSS(42个答案)关闭去年。如何更改HTML复选框输入中复选标记的颜色?

html - 如何使用 HTML 或 jQuery 代码禁用 INPUT 上的 Chrome 拼写检查?

这个问题在这里已经有了答案:Disablespell-checkingonHTMLtextfields(7个答案)关闭2年前。我在HTML页面中有一个输入我想用autospellcheck="off"之类的东西关闭它。有办法实现吗?是否还有一种方法可以为Firefox关闭此功能?

javascript - 不允许在 <input type=number/> 中输入字母字符

我需要一个文本框,无论何时在里面输入都应该只允许数字[0-9]。我使用了type="number",它肯定可以进行客户端验证,但也允许键入其他字母。我可以通过跟踪每个按键并与正则表达式匹配来做到这一点,但我想知道是否有任何方法可以限制我仅使用html标签进行键入而不在JavaScript中定义任何函数以在每个按键中进行比较?不足以做到这一点的代码是:感谢任何帮助。 最佳答案 您可以使用jquery.numeric插件。见here类似的问题。$(document).ready(function(){$(".numeric").nume

html - 有没有一种简单的方法可以使 html textarea 和 input type 文本同样宽?

是否有一种简单的方法可以让HTMLtextarea和inputtype="text"以(大约)相等的宽度(以像素为单位)呈现,并且适用于不同的浏览器?CSS/HTML解决方案会很棒。我宁愿不必使用Javascript。谢谢/埃里克 最佳答案 你应该可以使用.mywidth{width:100px;} 关于html-有没有一种简单的方法可以使htmltextarea和inputtype文本同样宽?,我们在StackOverflow上找到一个类似的问题: http

css - input type=search 不接受高度

我正在尝试使inputtype="search"变高,但CSS不会影响它。我的代码是这样的:HTML:CSS:input{width:100%;height:100px;}但它不起作用。看看fiddlehere 最佳答案 参见http://trentwalton.com/2010/07/14/css-webkit-appearance/Webkit默认(劫持)使用本地搜索字段,但您可以使用以下方式覆盖它:-webkit-appearance:none; 关于css-inputtype=s

html - Making 'file' input element mandatory(必需)

我想使(一个HTML)"file"输入元素成为强制性的:类似于但它不起作用。我看到了这个WW3说明“必需”属性的手册是HTML5的新功能。但我没有在我正在工作的元素中使用HTML5,它不支持新功能。有什么想法吗? 最佳答案 感谢HTML5,它就像这样简单:示例:Submit 关于html-Making'file'inputelementmandatory(必需),我们在StackOverflow上找到一个类似的问题: https://stackoverflow

javascript - 通过input type = file获取字节数组

varprofileImage=fileInputInByteArray;$.ajax({url:'abc.com/',type:'POST',dataType:'json',data:{//OtherdataProfileImage:profileimage//Otherdata},success:{}})//CodeinWebAPI[HttpPost]publicHttpResponseMessageUpdateProfile([FromUri]UpdateProfileModelresponse){//...returnresponse;}publicclassUpdatePro

javascript - 在 <input> 中使用 readonly 属性而不更改光标

如果我有一个带有readonly的字段属性,它仍然与I型文本光标一起出现。有没有办法阻止该光标显示?我不能使用disabled属性因为request.getParameter()不适用于禁用的字段。 最佳答案 readonly元素的想法是您仍然可以阅读和复制文本,只是不能编辑它们。也就是说,您可以使用CSSattributeselectors更改光标.此示例将匹配任何具有readonly属性的input元素:input[readonly]{cursor:pointer;} 关于javas