如何制作可垂直滚动的文本区域？

我有一个textarea html元素，它可能包含URL。用户应该能够点击这些URL来打开它们。目前代码如下所示：如何制作可垂直滚动的文本区域？

<textarea rows="26" class="form-control" disabled> {{ text|urlize }}</textarea>

当然，当前不支持链接。看起来像textarea应该用别的东西替换。我尝试使用div代替，但我不知道如何限制其高度（对于textarea我使用rows="26"）并使其可滚动。

来源

2015-08-15 LA_

无法理解你的问题，你是什么意思点击来自文本区域的链接？ –

@AbdelrahmanWahdan，看这个fiddlet - http://jsfiddle.net/and7ey/o4zLap5r/ - 你不能只是点击example.com来打开它。 –

请检查该代码

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; 
}

http://codepen.io/anon/pen/KpYOKq

来源

2015-08-15 11:45:45 FDI

如何制作可垂直滚动的文本区域？

回答

相关问题