草庐IT

input_size

全部标签

javascript - 我的 input 元素设置为禁用时如何接收 onclick 事件?

我需要在禁用的输入标签上有一个onclick/hover事件。除了将其包装在另一个标签中并为该标签提供事件之外,还有其他方法吗? 最佳答案 您可以模拟它被JavaScript和CSS禁用。也就是说,模糊它接收到的所有焦点,并添加一个类似这样的类。input.disabled{background:#d4d0c8;color:#888;cursor:default;}更新将其与JSbin上的正常和禁用浏览器的输入框进行比较. 关于javascript-我的input元素设置为禁用时如何接收

javascript - 将 EventListener 添加到表单,在表单中实际调用提交的任何子 <input> 上运行提交函数

http://jsfiddle.net/twG6R/8/请忽略这完全是一个玩具应用程序这一事实。但是,如果没有时间证明这是正确的做事方式,请告诉我。所以,我有一个有两个其中的字段。我有一个eventListener卡在上监听“提交”事件。然后我想运行一个函数,它对用户输入input1或input2的数字做一些事情。用户在sayinput2中键入一个数字,按回车键,函数调用this.id,但返回表单的ID,而不是作为表单子(monad)项的实际输入框。我能做什么?编辑:我应该查看form的所有子元素吗?以某种方式测试每个child,看看里面是否有东西,然后调用alertGrade以非空c

javascript - HTML5/JS/jQuery : On invalid input, 将不同的(任意)元素标记为无效

我正在尝试创建一种标准的新密码表单,您可以在其中输入一次新密码,然后再输入一次以进行确认。我希望这样,一旦您模糊了这些字段,如果它们不匹配,两者将被标记为无效,如以下场景所示:用户在#newpassword1中输入密码abc。#newpassword2的用户标签。用户在#newpassword2中输入密码def。用户离开标签。验证检测到不匹配,并将#newpassword1和#newpassword2标记为无效。我知道我可以通过使用e.target.setCustomValidity(...)将事件的目标标记为无效,但我不太了解JavaScript的事件模型并且不能'不知道如何根据事件

html - <input type ="search"> 不是样式

我正在尝试创建一个简单的搜索栏,旁边有一个搜索图标。但我注意到我无法使用类型搜索设置输入样式。我在safari(版本9.0.3(11601.4.4))和chrome(版本49.0.2623.110)上试过。起初我以为是因为输入无效,但发现进行类型搜索就可以了。我唯一能设置样式的是背景颜色,它只在chrome中有效。我还尝试删除我所有的css样式,只设置输入样式。它没有帮助。我尝试用谷歌搜索它但没有成功。那么他们有办法解决这个问题吗?还是我必须将我的输入类型放在文本上以便我可以设置样式?提前致谢!代码:Testinput{padding:10px;/*Doesnotwork*/}此代码不

html - 如何修改 angularJS 中的 md-input-container

我正在使用angularJS设计一个表单。我长期以来一直面临这个问题。每当我使用文本字段(md-input-container)和下拉菜单(md-select)时,都会导致高度差异。当我检查代码时,我发现md-input-container有一个额外的md-errordiv标签。我想去掉这个div标签.有什么建议吗?谢谢 最佳答案 你可以做类似.hide-validation-error.md-errors-spacer{display:none;}的事情,然后你只需要添加类hide-validation-error到任何是您知道不

html - ionic : how to change the size of FAB icon

我是跨平台开发新手。努力改变FAB的大小。这就是我现在拥有的:Start.fabStartBtn{font-size:72px;}但是大小还是一样的。如何访问按钮属性?我尝试了id、name、#name、:before-没有用。 最佳答案 进入您的theme/variables.scss文件并覆盖$fab-size变量,如下所示:$fab-size:70px;//Changevaluetowhateversizeyouwant 关于html-ionic:howtochangethesiz

ajax - 当 <Form>&lt;input&gt; 通过 Ajax 加载时,HTML5 的 Autofocus 属性仅在 FireFox 中不起作用。为什么?

下面是我通过ajax加载的表单。当我直接运行表单页面时,c_name上的自动对焦在firefox中有效,但在加载ajax时却无效!不过它在opera/safari/chrome上运行良好!Name:PhoneNumber:Email:Address:Additionalnotes: 最佳答案 自动对焦仅在onload触发之前完成;它旨在以声明方式指定对初始页面加载的关注。 关于ajax-当<input>通过Ajax加载时,HTML5的Autofocus属性仅在FireFox中

php - css 中有没有办法清除所有 font-family + font-size 样式声明?

我有一个页面是cms/wysiwyg/msword噩梦。它从数据库中提取许多文本段落,其中一些保留了msword的奇怪html标签——包括字体声明!!!啊!一句话我可以有这样的东西:thisissomeuglytext!我想知道是否有一种方法可以删除所有字体系列和字体大小样式,以便它们适应主样式表css?如果可以避免的话,我宁愿不要进入大量的preg_replace条件。谢谢 最佳答案 CSS:span{font-family:initial!important;font-size:initial!important;}

javascript - 如何从 input=File 更改 javascript 中的文件名

上传到共享点网站时,我需要更改文件名(不是文件,只是名称的元数据)。我认为在javascript中更改html属性比使用Sharepoint后端更容易。这样当我上传文件时它会更改文件的名称(而不是数据)像这样:functionPreSaveAction(){varfile=document.GetElementById('fileupload1');file.files[0].name='ChangedName.tmp'returntrue;}由于锁定的input='file'属性的性质,这是不可能的吗? 最佳答案 试试这个:var

html - Bootstrap : How to "stick" a button over an image when re-sizing

我有一个图像,我需要在其中放置一个按钮,问题是我不知道如何放置按钮并在缩小浏览器时自动调整大小和位置,现在我有按钮就位,但当我重新调整浏览器大小时按钮移动变小,我尝试在css购买中使用百分比不起作用,我该怎么办?textCSS:.withimg{width:100%;overflow:hidden;padding:0px;margin:0px;}#discover{position:relative;}#bttnimg{float:left;position:absolute;left:62%;top:25%;max-width:750px;} 最佳答案