如果我想隱藏我的textarea，我該怎麼做？

2

使用CSS可見性屬性應該做的伎倆。

來源

2010-03-02 10:45:06 thelost

3

用css：display: none;（這將使textarea的完全消失，它通常會佔用空間不會被保留）

來源

2010-03-02 10:48:01 Rune

+0

我有這樣的代碼怎麼做我設置爲隱藏 – nisnis84 2010-03-02 10:52:39

+0

您可以添加樣式= 「顯示：無」。正如@thelost所說，你也可以做style =「visibility：hidden」。這將使textarea仍佔用頁面上的空間。你應該真的把它放在樣式表中。這意味着將class =「hidden」添加到textarea-tag並添加textarea.hidden {display：none; }到你的css文件 – Rune 2010-03-02 10:53:47

5

您有幾種選擇，這裏有一些例子：

顯示：無
visibility：hidden的

下面是一些示例代碼，讓你看到自己

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <title>Text Area Hidden</title> 
    <style type="text/css"> 
     .hideButTakeUpSpace 
     { 
      visibility: hidden; 
     } 

     .hideDontTakeUpSpace 
     { 
      display:none; 
     } 

    </style> 

</head> 
<body> 
    <h1>Text area hidden examples</h1> 
    <h2>Hide but take up space (notice the gap below)</h2> 
    <textarea class="hideButTakeUpSpace" rows="2" cols="20"></textarea> 

    <h2>Hide Don't take up space</h2> 
    <textarea class="hideDontTakeUpSpace" rows="2" cols="20"></textarea> 


</body> 
</html>

看到這個jsFiddle Example

來源

2010-03-02 10:53:14

+1

爲什麼downvote？ – 2014-07-28 07:50:30

32

每個人都在給你答案，但沒有太多的理由。在這裏你會發現：如果你使用CSS規則visibility:hidden;，文本區域將不可見，但它仍然佔用空間。如果您使用CSS規則display:none;，textarea將被隱藏和它不會在屏幕上保留空間 - 換句話說，它不會出現間隔。這裏有一個很好的視覺例如：http://www.w3schools.com/css/css_display_visibility.asp

爲了把樣式規則在您的textarea的，你想是這樣的：

<textarea cols="20" rows="20" style="display:none;">

來源

2010-03-02 10:53:23

2

隱藏佔據當前網頁的空間。

<textarea style="visibility:hidden"></textarea>

消失在當前網頁上，沒有其他影響。

<textarea style="display:none" ></textarea>

來源

2016-01-22 08:24:26 RivEr

0

<!DOCTYPE html> 
<html> 
<head> 
<style> 
textarea.none { 
    display: none; 
} 

textarea.hidden { 
    visibility: hidden 
} 

</style> 
</head> 
<body> 

<textarea class="none">The display is none.</textarea> 
<br> 
<textarea class="hidden">visiblity is hidden</textarea> 
<br> 
<textarea >This is visible and you can see a space taken visiblity:hidden</textarea> 
</body> 
</html>

來源

2016-01-22 08:38:41 Venkat

如果我想隱藏我的textarea，我該怎麼做？

回答

相關問題