如何在textarea中显示文本的结尾

时间:2018-02-08 06:38:52

标签: html

我有一个HTML页面,其中包含一个带长文本的textarea。

目前,当我打开页面时,我会在textarea中看到文本的开头,并且必须在textarea中查看以查看文本的结尾。

有没有办法指示浏览器自动显示textarea中的文本结尾(这样用户必须在textarea内部查看它的开头)?

2 个答案:

答案 0 :(得分:1)

你无法单独使用html,但使用javascript滚动到文本区域的底部,如此处所述 - How do I set textarea scroll bar to bottom as a default?

var textarea = document.getElementById('textarea_id');
textarea.scrollTop = textarea.scrollHeight;

答案 1 :(得分:1)

<强>演示

&#13;
&#13;
var elmnt = document.getElementById("target");
elmnt.scrollIntoView();
&#13;
.content{
  border:1px solid black;
  height:1000px;
}
.a{
  border:1px solid black;
  width:100%;
  height:200px;
}
&#13;
<div class="content">
<div class="a"></div>
<div class="a"></div>
<div class="a"></div>
<div class="a"></div>
<div class="a">textArea:<input type="textarea" id="target"></div>
</div>
&#13;
&#13;
&#13;