我正在使用JavaScript编辑textarea.问题是,当我在其中进行换行时,它们将不会显示.我怎样才能做到这一点?
我正在获得编写函数的值,但它不会给出换行符.
我想知道如何在点击锚标签时使用jquery将文本插入文本区域.
我不想替换textarea中的文本,我想将新文本追加到textarea.
我在文本域中有鬼文本,当你使用HTML5的占位符属性关注它们时会消失:
<input type="text" name="email" placeholder="Enter email"/>
Run Code Online (Sandbox Code Playgroud)
我想使用相同的机制在textarea中包含多行占位符文本,可能是这样的:
<textarea name="story" placeholder="Enter story\n next line\n more"></textarea>
Run Code Online (Sandbox Code Playgroud)
但是那些\n出现在文本中并且不会引起换行...有没有办法让多行占位符?
更新:我使用它的唯一方法是使用 jQuery Watermark插件,该插件在占位符文本中接受HTML:
$('.textarea_class').watermark('Enter story<br/> * newline', {fallback: false});
Run Code Online (Sandbox Code Playgroud) 当文本溢出时,我的简单textarea不显示水平条.它包装新行的文本.那么当文本溢出时,如何删除wordwrap并显示水平条?
我有一个简单的html textarea.现在,如果单击其中的选项卡,它将转到下一个字段.我想让标签按钮缩进几个空格.我怎样才能做到这一点?谢谢.
我需要能够在textarea中呈现一些HTML标签(即<strong>,<i>,<u>,<a>),但textareas只能将其内容解释为文本.有没有一种简单的方法可以不依赖外部库/插件(我使用的是jQuery)?如果没有,你知道我可以使用任何jQuery插件吗?
当你在textarea里面点击时,我怎么能这样做,它的整个内容都被选中了?
最后再次点击时,取消选择它.
我正试图关闭textarea在我的网站调整大小; 现在我正在使用这种方法:
.textarea {
clear:left;
min-width: 267px;
max-width: 267px;
min-height:150px;
max-height:150px;
}
Run Code Online (Sandbox Code Playgroud)
我知道我的方法不正确,我正在寻找一个更好的JavaScript方法.我是初学者,所以对我来说最好的解决方案是HTML5或jQuery.
我正在为我工作的公司开发一个内部销售应用程序,我有一个允许用户更改交付地址的表单.
现在我认为它会看起来更好,如果我用于主要地址细节的textarea只占用其中文本的区域,并在文本被更改时自动调整大小.
这是目前的截图.

有任何想法吗?
@克里斯
一个好点,但有理由我希望它调整大小.我希望它占用的区域是其中包含的信息区域.正如你在屏幕截图中看到的那样,如果我有一个固定的textarea,它会占用相当大的垂直空间.
我可以减少字体,但我需要地址大而且可读.现在我可以减小文本区域的大小,但是我遇到的问题是地址行需要3或4行(一行需要5行).需要用户使用滚动条是一个主要的禁忌.
我想我应该更具体一点.我正在垂直调整大小,宽度无关紧要.发生这种情况的唯一问题是,当窗口宽度太小时,ISO编号(大"1")会被推到地址下(正如您在屏幕截图中看到的那样).
这不是要有一个gimick; 它是关于有一个用户可以编辑的文本字段,它不会占用不必要的空间,但会显示其中的所有文本.
虽然如果有人想出另一种解决问题的方法,我也会对此持开放态度.
我已经修改了一些代码,因为它的行为有点奇怪.我将其更改为在keyup上激活,因为它不会考虑刚刚输入的字符.
resizeIt = function() {
var str = $('iso_address').value;
var cols = $('iso_address').cols;
var linecount = 0;
$A(str.split("\n")).each(function(l) {
linecount += 1 + Math.floor(l.length / cols); // Take into account long lines
})
$('iso_address').rows = linecount;
};
Run Code Online (Sandbox Code Playgroud) 如果我写的话,我想有一些功能
<textarea maxlength="50"></textarea>
<textarea maxlength="150"></textarea>
<textarea maxlength="250"></textarea>
Run Code Online (Sandbox Code Playgroud)
它会自动在textArea上施加maxlength.如果可能请不要在jQuery中提供解决方案.
注意:如果我这样做,可以这样做:
<textarea onkeypress="return imposeMaxLength(event, this, 110);" rows="4" cols="50">
function imposeMaxLength(Event, Object, MaxLen)
{
return (Object.value.length <= MaxLen)||(Event.keyCode == 8 ||Event.keyCode==46||(Event.keyCode>=35&&Event.keyCode<=40))
}
Run Code Online (Sandbox Code Playgroud)
复制在HTML textarea上模拟HTML输入"maxlength"属性的最佳方法是什么?
但问题是我每次声明textArea时都不想写onKeyPress和onKeyUp.
textarea ×10
html ×8
javascript ×5
jquery ×3
forms ×2
css ×1
formatting ×1
html5 ×1
line-breaks ×1
placeholder ×1
prototypejs ×1
selection ×1
word-wrap ×1