草庐IT

input_count

全部标签

javascript - 无法在 'setSelectionRange' : The input element's type 'HTMLInputElement' ) does not support selection 上执行 ('number'

我添加了下面的代码以在用户单击输入框时选择整个文本:但我收到以下错误:UncaughtInvalidStateError:Failedtoexecute'setSelectionRange'on'HTMLInputElement':Theinputelement'stype('number')doesnotsupportselection. 最佳答案 我知道这是一个老问题,但我确实找到了一个不使用tel输入类型的很好的解决方法。通过在选择之前将输入类型从number更改为text,错误消失并且您可以保留number输入的所有优点类型

html - 如何去除ms edge中input的边框和背景

当带有建议文本的下拉菜单打开输入悬停时出现。设置焦点、事件、悬停样式无济于事。它看起来像是在DOM之外。如何在Edge中去除输入文本的边框和背景?更新如果没有css解决方案,任何人都可以通过how-it-works-article的链接回答我和/或为我提供javascript解决方法(我希望它像在google.com搜索输入中一样)。 最佳答案 您必须添加autocomplete="off"在你的input领域和如果它是一个动态元素或者你不能在你的input中添加它然后你可以用一个简单的脚本来做到这一点$('input').attr

javascript - 使用 <input type ="file"> 读取本地文件?

这个问题在这里已经有了答案:Readingfilecontentsontheclient-sideinjavascriptinvariousbrowsers(5个答案)关闭6年前。我看过一些演示,其中mozilla人员将照片放入保管箱,然后在浏览器中进行本地编辑。但现在我找不到演示,我需要将图像加载到我的html,然后用Canvas元素编辑它们,然后将它们上传到服务器。我认为有一种方法可以做到这一点,但我找不到任何好的解释。基本上我需要在我的客户端计算机上拍照并将其插入到Canvas元素中而不接触服务器。任何帮助将不胜感激。

javascript - 获得焦点时选择 'readonly' <input/> 中的所有文本

我有一个文本框(设置为只读),我需要选择它的内容以便在它获得焦点时轻松复制/粘贴。使用下面的代码似乎只是快速选择文本,然后出于某种原因取消选择它。HTML​JavaScriptdocument.getElementById('thing').onfocus=function(){this.select();};​fiddle:http://jsfiddle.net/cfqje/ 最佳答案 这似乎是一种解决方法:​我想问题是焦点不能正常工作,因为输入是只读的。 关于javascript-获

javascript - input type=number 手机无法输入负数

我正在我的手机(带有chrome的samsunggalaxynoteII)上测试我的应用程序,我遇到了数字输入字段的问题。在我的应用程序中,这些字段可以接受负数,并且在浏览器上一切正常,因为我有-按钮以及用于选择数字的箭头slider(来自html5)。在手机上虽然没有渲染slider,但浏览器识别输入类型=数字,并且只渲染一个简化的数字键盘,它不包含-符号,所以我没有'看到一种方法来插入我想要的负数。我的应用程序使用带有jquery的twitterbootstrap2.3.2,我不确定如何解决这个问题。这是我的一个输入字段的代码,它在我的电脑上运行良好,但在我的手机上无法正常使用:在

javascript - input 的 event.target 在 this.setState [React.js] 中为 null

在我的react组件中,我有一个文件输入:`我的onFileChange是:onFileChange(e){letfile=e.target.files[0];this.setState(()=>({file:e.target.files[0]}));//doesntwork//this.setState(()=>({file}));//works//this.setState({file:e.target.files[0]});//works}第一种设置状态的方法失败并出现错误:Cannotreadproperty'files'ofnullReact还会给出以下警告:Thissynt

javascript - 如何从 HTML5 FileReader 中的 'input type' 清除以前的文件

我有一个文件输入:Change函数如下:varoFReader=newFileReader();oFReader.readAsDataURL(document.getElementById("myfile").files[0]);oFReader.onload=function(oFREvent){document.getElementById("uploadPreview").src=oFREvent.target.result;};functionPreviewImage(){varoFReader=newFileReader();oFReader.readAsDataURL(do

html - rails 4 : Change 'name' attribute of Simple Form input

我在Rails4应用程序中为@user对象使用SimpleForm并且有一行...=f.input:entity_name这会在input标签内生成HTMLname='user[entity_name]'。我想更改它,因为我在Controller中进行了一些自定义处理,但还没有找到这样做的方法。我试过将行更改为...=f.input:entity_name,name:'entity[name]'...但这似乎根本不会影响生成的HTML。到目前为止,我还没有在Google/StackOverflow上发现其他人有这个问题。有谁知道是否/如何通过简单表单助手更改名称属性?提前致谢!

javascript - iPad 未在 <input> 中写入文本

我在使用时遇到了问题在iPad上运行我的应用程序时的字段。在桌面上单击文本框,键入文本并单击按钮以验证输入。但是在iPad上,当您点击它时它会打开键盘面板,但是当您键入时文本不会显示在文本框中。为了让事情变得更奇怪,我有一个在应用程序的另一部分,它工作得很好。区别在于一个位于应用程序之上,另一个位于导入的html中。应用的结构是这样的:在顶部我有主要的HTML5页面,它导入一个包含3个div的html页面。每个div依次导入其他html页面。这些页面每个都有不同的内容,包括有问题的输入字段。像这样:Main.html->container.html(importedviaiframe)

php - Laravel 的输入 :all() ignores disabled inputs

当使用Laravel4var_dumpingInput:all()的内容时,我注意到框架忽略了使用以下代码生成的输入:{{Form::text('departure','Departure',array('class'=>'form-control','disabled'))}}但以下内容按预期工作:{{Form::text('departure','Departure',array('class'=>'form-control'))}}我有充分的理由禁止用户乱用此输入字段中的内容。但是我需要将它保存在数据库中。我应该怎么做?当用户提交表单时使用jQuery禁用disabled属性?这