草庐IT

iron-input

全部标签

javascript - HTML - 将 SELECT 标记内容放入 INPUT type = "text"

我在网页中有一个表单,我想将所选项目放入下拉列表中的测试框中。到目前为止,我的代码如下:--Select--RomaTorinoMilan我想我需要使用javascript....但有什么帮助吗?:-)谢谢 最佳答案 您可以将JavaScript直接添加到按钮中: 关于javascript-HTML-将SELECT标记内容放入INPUTtype="text",我们在StackOverflow上找到一个类似的问题: https://stackoverflow.c

javascript - 从 HTML5 input[type ="date"] in chrome 获取输入值

在chrome中,像这样的标签呈现为文本字段。然而,调用试图通过类似的东西获得它的值(value)$("#picker").val()在输入或从下拉列表中选择有效日期之前不返回任何内容。我通过按键查看了该对象的所有直接属性$("#picker").keypress(function(){varoutput=""for(variinthis){output+=i+"value:"+this[i]+"\n";}alert(output);});​但在其中任何一个中都看不到我的输入。在http://jsfiddle.net/5cN2q/自己检查我的问题是:当输入不是有效日期时,是否可以从ch

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到任何是您知道不

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中

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

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

HTML 5 input type=datetime 元素的 PHP 时间戳

我在PHP中有一个unix时间戳(int)。我想在HTML5日期时间输入元素中以一种很好的方式显示这个值。我希望能够让用户以一种美观的方式看到这个值,并对其进行编辑。有什么好的方法可以做到这一点,还是我在自欺欺人,我将不得不为大量的字符串操作而大惊小怪? 最佳答案 HTML5Inputtime是这样的:1985-04-12T23:20:50.52你可以在PHP中这样做:echodate("Y-m-d\TH:i:s");输出2012-10-02T19:12:49带时间戳的HTML"/> 关