如何將textarea標籤放在div標籤內？

我想在我的網頁上放一個textarea，但它必須位於div標籤內才能保留我的佈局。我不希望用戶能夠重新調整textarea的大小，直到它超出了我放入的div標籤爲止，這會弄糟洞佈局。有沒有辦法在textarea上設置最大尺寸？如何將textarea標籤放在div標籤內？

感謝您的幫助！

來源

2012-09-12 johan

最簡單的方法（雖然這是一個有點馬虎）是類型In-Line textarea的。如果您定義寬度並調整大小：無，您的用戶將無法調整文本區域大小並毀壞您的設計。

<div> 
    <textarea name="yourtextarea" style="width:300px;height:200px;resize:none;" /></textarea> 
</div>

然而，我會建議你的風格你的textarea類似於Xander已經回答，因爲它更清潔。我會改變一件事，那就是添加一個不太通用的選擇器。

<head> // place in your header 
    <style type="text/css"> 
    #textAreaId { 
     width:300px; 
     height:200px; 
     resize:none; 
    } 
    </style> 
</head> 


<body> // place inside of your div, within the body tag 

    <div> 
    <textarea id="textAreaId" name="yourtextarea" /></textarea> 
    </div> 

<body>

來源

2012-09-12 15:33:31 VictorKilo

有趣的是，當OP沒有指定他需要一個高度，並且通過將它內聯html ...爲什麼不把我投票呢？！ – xandercoded

@Xander Bro，我幾乎同時回答。我和你一樣，又向前邁出了一步，並認爲他可能在尋找一個固定的尺寸，而不僅僅是寬度。在發佈之前我沒有看到你的答案，我相信我們都可以同意這些答案不是破天荒的...... – VictorKilo

@Victorkilo嘿，「調整大小：沒有;」 CSS正是我需要阻止用戶拖拽textarea！謝啦。 – johan

CSS：

textarea { 
    width:400px; 
    height:200px; 
    resize:none; /* disable resize functionality */ 
}

來源

2012-09-12 15:32:27 xandercoded

這有很大的幫助。真的非常感謝Xander – johan

謝謝，只要我有足夠的聲望，我就會高興 – johan

如何將textarea標籤放在div標籤內？

回答

相關問題