标签: textarea

如何逐行读取文本区域HTML标记

我有一个文本区域,其中每行包含如下的整数值

      1234
      4321
     123445
Run Code Online (Sandbox Code Playgroud)

我想检查用户是否真的没有使用有效值而不是一些有趣的值,如下所示

      1234,
      987l;
Run Code Online (Sandbox Code Playgroud)

为此,我需要逐行阅读文本区域并验证.如何使用javascript逐行读取文本区域?

html javascript jquery textarea

73
推荐指数
4
解决办法
15万
查看次数

从保存的textarea中反映显示行中断

使用Facebook React.在设置页面中,我有一条多行textarea,用户可以在其中输入多行文字(在我的例子中是一个地址).

<textarea value={address} />
Run Code Online (Sandbox Code Playgroud)

当我尝试显示地址时,就像{address}它一样,它没有显示换行符,而且都在一行上.

<p>{address}</p>
Run Code Online (Sandbox Code Playgroud)

任何想法如何解决这个问题?

javascript textarea reactjs

71
推荐指数
3
解决办法
4万
查看次数

HTML Textarea水平滚动

我想在HTML页面中为textarea提供水平滚动.如果我输入没有换行符的长行,滚动应该没有换行.一些朋友建议使用overflow-y CSS属性,这对我来说不起作用.我使用的浏览器是IE 6+和Mozilla 3+.

html textarea word-wrap

70
推荐指数
4
解决办法
8万
查看次数

如何在jquery中获取textarea的值?

我有这个表单,我试图从文本区域获取值.由于某种原因,它不想.

<form action="/profile/index/sendmessage" method="post" enctype="application/x-www-form-urlencoded">
    <div class="upload_form">
        <dt id="message-label"><label class="optional" for="message">Enter Message</label></dt>
        <dd id="message-element">
        <textarea cols="60" rows="5" id="message" name="message"></textarea></dd>
        <dt id="id-label">&nbsp;</dt>
        <dd id="id-element">
        <input type="hidden" id="id" value="145198" name="id"></dd>
        <dt id="send_message-label">&nbsp;</dt>
        <dd id="send_message-element">
        <input type="submit" class="sendamessage" value="Send" id="send_message" name="send_message"></dd>
    </div>
</form>


$("input.sendamessage").click(function(event) {
    event.preventDefault();

    var message = $('textarea#message').html();
    var id      = $('input#id').val();

    console.log(message + '-' + id);
});
Run Code Online (Sandbox Code Playgroud)

jsfiddle

有任何想法吗?

javascript jquery textarea

68
推荐指数
5
解决办法
24万
查看次数

Twitter bootstrap - 专注于点击模式内的textarea

刚刚开始玩bootstrap,这太棒了.

我想弄清楚这一点.我有一个textarea在模态窗口内反馈.它很棒.但是当我点击按钮激活模态时,我希望焦点转到textarea.我似乎无法让它发挥作用.

这是一个小提琴:http://jsfiddle.net/denislexic/5JN9A/4/

这是代码:

<a class="btn testBtn" data-toggle="modal" href="#myModal" >Launch Modal</a>

<div class="modal hide" id="myModal">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal">×</button>
    <h3>Modal header</h3>
  </div>
  <div class="modal-body">
      <textarea id="textareaID"></textarea>
  </div>
  <div class="modal-footer">
    <a href="#" class="btn" data-dismiss="modal">Close</a>
    <a href="#" class="btn btn-primary">Save changes</a>
  </div>
</div>?
Run Code Online (Sandbox Code Playgroud)

这是JS

$('.testBtn').on('click',function(){
    $('#textareaID').focus();
});?
Run Code Online (Sandbox Code Playgroud)

要恢复 当我点击"启动模式"时,我想要显示模态并将焦点放在textarea上.

谢谢你的帮助.

javascript jquery textarea focus twitter-bootstrap

68
推荐指数
3
解决办法
8万
查看次数

如何删除textarea右下角的点?HTML

我正在尝试删除textarea右下角存在的点.

以下是我的意思(来自Chrome):
例

如何删除那些对角线?

html css textarea

66
推荐指数
1
解决办法
3万
查看次数

Rails - 在文本区域添加换行符

我有一个rails应用程序,我可以在我的模型中输入几段文字.问题是我不知道如何输入任何换行符.

我尝试添加"{ln} {/ ln}; { }和{br} {/ br}",但这只会将html显示为文本而不会中断.

无论如何我可以设置它,所以文本区域控件将使用我在模型条目中放置的任何html?

有什么东西我可以输入,所以rails会识别,嘿,在这里放一条线?

html textarea ruby-on-rails

63
推荐指数
4
解决办法
6万
查看次数

<Input type ="textarea"/>中的一行以上

我有麻烦让我<input type="textarea" />有超过1排,

我尝试在html中添加属性,就像你使用这样的常规<textarea></textarea>一样:<input type="textarea" rows="x" cols="x" />

我甚至试图在CSS中做到这一点,但它没有用.我在互联网上搜索了一个解决方案,但我似乎找不到任何关于我确切问题的话题.

我正在经历的textareas,在这个网站上: Vilduhelst

当您按下"Lav dit eget dilemma"按钮时,它们将出现.

我正在寻找HTML或CSS解决方案.

textarea input lines rows

62
推荐指数
4
解决办法
27万
查看次数

如何在textarea中获得光标位置?

我有一个textarea,我想知道如果我在textarea的最后一行或textarea的第一行用我的光标用JavaScript.

我想到抓住第一个换行符和最后一个换行符的位置,然后抓住光标的位置.

var firstNewline = $('#myTextarea').val().indexOf('\n');
var lastNewline = $('#myTextarea').val().lastIndexOf('\n');

var cursorPosition = ?????;

if (cursorPosition < firstNewline)
    // I am on first line.
else if (cursorPosition > lastNewline)
    // I am on last line.
Run Code Online (Sandbox Code Playgroud)
  • 是否可以抓住textarea中的光标位置?
  • 您是否有更好的建议,以了解我是否在textarea的第一行或最后一行?

除非JavaScript简单或简单,否则首选jQuery解决方案.

html javascript jquery textarea input

61
推荐指数
4
解决办法
11万
查看次数

从textarea中删除所有样式(边框,发光)

我想从textarea中删除样式,如果可能的话,将其全部留白,没有任何边框或发光.我试过在这里发现不同的东西,但没有任何作用(试用FF和Chrome).

那么,它是否可能,如果是这样的话怎么做?

在此输入图像描述

到目前为止我尝试过的:

textarea#story {
  // other stuff
  -moz-appearance:none;
  outline:0px none transparent;
}

textarea:focus, input:focus{
    outline: 0;
}

*:focus {
    outline: 0;
}
Run Code Online (Sandbox Code Playgroud)

css forms textarea border

58
推荐指数
2
解决办法
9万
查看次数