更改文本區域的高度和寬度

Question

我需要更改HTML的<textarea>標簽的寬度和高度，我需要它只有兩行（行）。 目前，它只有一行。 知道如何解決這個問題嗎？

對於寬度，即使我將其更改為1000px沒有任何改變，我不明白為什么。

<div>
    <textarea rows="2" cols="200" disabled="disabled" style="width:500px; height: 10px;">
        Date
        User 
    </textarea>
</div>

我在MVC5應用程序中使用Bootstrap。

Answer 1

刪除textarea上的高度聲明，只需使用rows="2"指定行

<textarea rows="2" cols="200" disabled="disabled" style="width:500px;">
Date
User 
</textarea>

height將與rows沖突， width將與cols沖突。

Answer 2

試着這樣做：

<textarea rows="2" cols="200" disabled="disabled" style="width:500px !important;height:250px !important;">
Date
User 
</textarea>

PS：更換高度：250px你想要的高度

Answer 3

如果要根據內容的大小設置文本區域的高度，請繼續閱讀

<textarea  id ="code" rows="2" cols="200" disabled="disabled" style="width:100%; height:auto"  >
    <!DOCTYPE html>
    <html>
    <body>

    <h1>My First Heading</h1>
    <p>My first paragraph.</p>

    </body>
    </html>

    </textarea>

然后在文檔准備好分配文本區域的高度=滾動大小

$(document).ready(function(){

  textAreaAdjust(document.getElementById('code') );
});

function textAreaAdjust(o) {
  o.style.height = "1px";
  o.style.height = (o.scrollHeight)+"px";
}

更改文本區域的高度和寬度

問題描述

3 個解決方案

解決方案1
8 已采納 2014-07-28 11:37:16

解決方案2
0 2014-07-28 11:42:58

解決方案3
0 2017-10-30 11:32:28

更改文本區域的高度和寬度

問題描述

3 個解決方案

解決方案1 8 已采納 2014-07-28 11:37:16

解決方案2 0 2014-07-28 11:42:58

解決方案3 0 2017-10-30 11:32:28

解決方案1
8 已采納 2014-07-28 11:37:16

解決方案2
0 2014-07-28 11:42:58

解決方案3
0 2017-10-30 11:32:28