标签: textarea

JavaScript:如何在HTML textarea中添加换行符?

我正在使用JavaScript编辑textarea.问题是,当我在其中进行换行时,它们将不会显示.我怎样才能做到这一点?

我正在获得编写函数的值,但它不会给出换行符.

html javascript textarea line-breaks

150
推荐指数
6
解决办法
29万
查看次数

使用jQuery将文本插入textarea

我想知道如何在点击锚标签时使用jquery将文本插入文本区域.

我不想替换textarea中的文本,我想将新文本追加到textarea.

formatting jquery textarea

150
推荐指数
9
解决办法
25万
查看次数

你能在<textarea>中拥有多行HTML5占位符文本吗?

我在文本域中有鬼文本,当你使用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)

html forms html5 textarea placeholder

147
推荐指数
8
解决办法
10万
查看次数

如何从textarea中删除自动换行?

当文本溢出时,我的简单textarea不显示水平条.它包装新行的文本.那么当文本溢出时,如何删除wordwrap并显示水平条?

html textarea word-wrap

138
推荐指数
5
解决办法
12万
查看次数

使用tab在textarea中缩进

我有一个简单的html textarea.现在,如果单击其中的选项卡,它将转到下一个字段.我想让标签按钮缩进几个空格.我怎样才能做到这一点?谢谢.

html textarea

136
推荐指数
10
解决办法
10万
查看次数

在textarea中渲染HTML

我需要能够在textarea中呈现一些HTML标签(即<strong>,<i>,<u>,<a>),但textareas只能将其内容解释为文本.有没有一种简单的方法可以不依赖外部库/插件(我使用的是jQuery)?如果没有,你知道我可以使用任何jQuery插件吗?

html javascript jquery textarea

134
推荐指数
3
解决办法
21万
查看次数

jQuery - 从textarea中选择所有文本

当你在textarea里面点击时,我怎么能这样做,它的整个内容都被选中了?

最后再次点击时,取消选择它.

javascript forms jquery textarea selection

127
推荐指数
5
解决办法
11万
查看次数

关闭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.

html textarea

116
推荐指数
4
解决办法
18万
查看次数

如何使用Prototype自动调整textarea?

我正在为我工​​作的公司开发一个内部销售应用程序,我有一个允许用户更改交付地址的表单.

现在我认为它会看起来更好,如果我用于主要地址细节的textarea只占用其中文本的区域,并在文本被更改时自动调整大小.

这是目前的截图.

ISO地址

有任何想法吗?


@克里斯

一个好点,但有理由我希望它调整大小.我希望它占用的区域是其中包含的信息区域.正如你在屏幕截图中看到的那样,如果我有一个固定的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)

html javascript css textarea prototypejs

115
推荐指数
7
解决办法
13万
查看次数

如何使用JavaScript在HTML中的textArea上强加maxlength

如果我写的话,我想有一些功能

<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.

html javascript textarea

115
推荐指数
5
解决办法
23万
查看次数