2010-07-31 61 views
1

我想在html中使用(div)作爲(textarea)元素。因爲當我使用(textarea)時,它的寬度和高度並不固定。我希望當有人打開我的網站時,他們可以在(div)上寫一些東西,就像人們在Facebook牆上做的一樣。簡單地說,我想讓Facebook變得像牆一樣。如何讓Facebook像牆一樣?

回答

2

使用HTML5,您可以使用contenteditable屬性。

HTML

<div class="editor" contenteditable="true"> 
    bla bla bla 
</div> 

這樣的工作是怎麼回事,但它可能應該有一個風格,外觀和行爲更好。例如:

CSS

div.editor { 
    width: 200px; 
    min-height: 50px; 
    max-height: 100px; 
    overflow-x: hidden; 
    overflow-y: auto; 
    border: 1px solid #303030; 
} 

這就是Facebook的實際執行。

min-height是有多大,它將開始。然後它會延伸到100px高,然後它將開始使用滾動條,因爲overflow-y: auto;

0

你可以 divtextarea固定大小 給你textarea固定大小。

<div style="width: 200px; height: 400px;"> 
    <textarea style="width:100%; height:100%;"></textarea> 
</div> 

<textarea style="width:200px; height:400px;"></textarea> 
+0

爲什麼不把尺寸直接放在textarea上? – 2010-07-31 08:09:10

+0

@加比,是的,你是完全正確的。我更新我的答案。 – 2010-07-31 08:16:55

-1

用純HTML你只能做一堵牆的靜態表示。您需要服務器端語言(例如PHP)和某些類型的存儲以用於牆註釋,例如文件,數據庫(例如MySQL)等。

相關問題