如何制作可垂直滚动的文本区域?
问题描述:
我有一个textarea
html元素,它可能包含URL。用户应该能够点击这些URL来打开它们。目前代码如下所示:如何制作可垂直滚动的文本区域?
<textarea rows="26" class="form-control" disabled> {{ text|urlize }}</textarea>
当然,当前不支持链接。看起来像textarea
应该用别的东西替换。我尝试使用div
代替,但我不知道如何限制其高度(对于textarea
我使用rows="26"
)并使其可滚动。
答
请检查该代码
HTML
<div class="textarea"> </div>
CSS
.textarea{
width:50%;
background-color:#eee;
overflow:hidden;
height:250px;
max-height:250px;
border:1px solid #ccc;
overflow-y: auto;
}
无法理解你的问题,你是什么意思点击来自文本区域的链接? –
@AbdelrahmanWahdan,看这个fiddlet - http://jsfiddle.net/and7ey/o4zLap5r/ - 你不能只是点击example.com来打开它。 –