草庐IT

textArea

全部标签

css - Ionic TextAreas 变得太大

我在ionic-framework-project中有一些嵌套在列表中的文本区域。文本区域未完全显示。它的一部分超出了屏幕。Description发生的事情是文本区域的宽度变得太大,span.width+textarea.width>100%。如果我手动将文本区域的宽度设置得小一点,它会显示为100%。我将它的父级的最大宽度设置为100%,因此它不应该变大,但它变大了。如何防止这种行为并让文本区域不超过屏幕。 最佳答案 Description试试这个。使用“col”属性限制文本区域。 关

javascript - 使用 jQuery append textarea 文本时如何处理回车

我有来自用户可能有合法回车符的文本区域的文本。如果文本有一个我想保留的回车符,我该如何使用这个精确的jQueryappend示例来做到这一点。我正在生成此html代码,如果变量$text中有回车符,它将中断。例子:$(".inner").append("");如果:$text="CatDog";然后我得到这个,它会导致错误。$(".inner").append("CatDog");当append创建这个textareahtml时,我能做些什么来保留回车? 最佳答案 您需要确保将php值正确传递给javascript。最好的方法是将其

javascript - 如何从 <textarea> 中删除未加括号的 URL

所附fiddle中的代码删除了中的所有URL。.代码是否可以删除所有URL,除非URL位于括号内—例如(google.com)⟩—⟩在内动态?如果可能的话,我将不胜感激更新的fiddle,因为我是编码新手。$(function(){$("#txtarea").keyup(function(){console.log(this.value);this.value=this.value.replace(/(https?:\/\/)?([\da-z\.-]+)\.([a-z\.]{2,6})([\/\w\.-]*)*\/?/mg,'');})});Fiddle 最

html - 在 textarea 上定位文本

我想在我的文本区域的右上角添加一个div/文本。HTMLcopyCSSdiv#textarea-container{position:absolute;}div#copy{position:relative;right:0;}需要做哪些调整?jsFiddle:http://jsfiddle.net/zrpgK/ 最佳答案 工作jsfiddle代码jsfiddlediv#textarea-container{position:relative;float:left;}div#copy{position:absolute;right:5

jQuery: 单击事件调用 $ ('textarea' ).val().trim().length 次

好吧,差不多就是这样。我们以前都见过这种情况:只有在我们将内容放入输入字段后,按钮才会变得并且可以点击。我正在努力实现这一点。我想要么我走错了路,我应该以不同的方式放置我的jQuery选择器,要么就是代码有问题。$('textarea').bind({'keyup':function(){if($(this).val().trim().length){$('.send-feedback').removeClass('inactive').click(function(){console.log('clicked');});}else{$('.send-feedback').addCla

html - 如何让 textarea 的宽度为 100% 并保持其边距?

给定以下CSS.comment{margin:10px;display:block;overflow:auto;border-top-left-radius:5px5px;border-top-right-radius:5px5px;border-bottom-right-radius:5px5px;border-bottom-left-radius:5px5px;-webkit-box-shadow:rgba(0,0,0,.2)1px1px3px;-moz-border-radius:5px;-webkit-border-radius:5px;min-height:200px;wid

html - Textarea 框在点击初始页面加载时移动

我有一个文本框,它会在页面加载时初始点击时移动。这很奇怪,似乎有点问题,我什至不知道从哪里开始调试。有没有人遇到过这种情况?这是一张图片。白框立即返回到文本区域并且文本区域很好。它仅在初始点击时初始加载。这是我的html.textarea{display:block;height:100px;width:100%;font-size:24px;}.container{width:100%;padding-top:50px;text-align:center;}.title{color:#fdfdfd;font-size:55px;margin-top:50px;text-align:c

html - IE7 : an excessive margin in form for textarea

我正在尝试处理我的应用程序中的IE7错误。这是HTML/CSS代码在Firefox/Opera/Webkit/IE6中是可以的,但在IE7中文本区域有100px的左边距。如果有人有纠正此问题的提示,非常感谢!这是显示此示例HTML的IE7屏幕截图:http://daneel.net/pub/img/ie7_bug_decalage.jpg 最佳答案 这看起来像是继承的边距错误(类似于但不同于float的双边距错误)。textarea继承了表单周围div的边距。PositionIsEverythingdescribesitinmore

javascript - Textarea ng-bind,其中值有前缀和后缀

在我看来,我正在尝试完成一些应该相当简单的事情。在使用文本输入之类的东西时也是如此。我正在尝试在textarea上创建模型绑定(bind),当用户键入时,其中的值显示有前缀和后缀。前缀和后缀是引号:“Myawesomequote”问题是,我目前正在使用ng-model,我当然不能将其用于此目的。我在考虑绑定(bind)到一个变量,保存没有前缀和后缀的值,然后观察那个变量。当具有原始值的变量发生变化时,我会将带有前缀和后缀的值写入范围内的另一个变量。当用户键入时,该变量将显示在文本区域中。唯一的问题是,与输入字段不同,文本区域没有值属性。这可能吗?编辑如果我在何处使用输入文本字段实现此目

javascript - 调用函数时 Textarea 失去焦点

我想要实现的是读取插入符号位置的当前单词。例子:Hello|->returnsHelloHel|lo->returnsHello我已将代码放在事件处理程序中,该事件处理程序是if语句中的onKeyup:if(e.keyCode===37||e.keyCode===39){console.log($(this).getWord());}执行时返回当前单词,但文本区域失去焦点。Jsfiddle这应该如何运作?在文本区输入单词,然后点击左右方向键,当前单词就会显示出来。 最佳答案 我会使用textArea.selectionStart而不