Если я хочу, чтобы моя текстовая область была скрыта, как мне это сделать?

2

Использование свойства видимости CSS должно делать трюк.

2010-03-02 10:45:06 thelost

3

с помощью CSS: display: none; (это сделает текстовое поле полностью исчезнет, то место, которое он обычно занимает не будет зарезервировано)

источник

2010-03-02 10:48:01 Rune

+0

у меня есть этот код <имя = текст текстовой смещ_по_столбцам = 20 строк = 10> как я установить это должны быть скрыты – nisnis84

+0

Вы можете добавить стиль = «дисплей: нет». Как говорит @thelost, вы также можете сделать style = "visibility: hidden". Это заставит textarea по-прежнему занимать место на странице. Вы действительно должны положить это в таблицу стилей. Это означало бы добавление class = "hidden" в ваш textarea-tag и добавление textarea.hidden {display: none; } в ваш файл css – Rune

5

У вас есть несколько вариантов, вот несколько примеров:

Дисплей: нет
Видимость: скрытый

Вот несколько примеров кода для вас, чтобы увидеть для себя

<!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? –

32

Каждый дает вам ответы, но не так много о причинах. Здесь вы идете: если вы используете правило CSS visibility:hidden;, область текста будет невидимой, но все равно займет место. Если вы используете правило CSS display:none;, то в текстовом поле будут скрыты и он не будет оставлять места на экране - без пробелов, другими словами, где бы это было. Вот хороший визуальный пример: http://www.w3schools.com/css/css_display_visibility.asp

Чтобы поместить правило стиля в вашем текстовое поле, вы хотите что-то вроде этого:

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

источник

2010-03-02 10:53:23

2

Hidden с занять место на текущей странице.

<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

Если я хочу, чтобы моя текстовая область была скрыта, как мне это сделать?

ответ

Смежные вопросы