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

Ответ 1

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

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

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

Ответ 2

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

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

Вот пример кода, который вы сами увидите

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

Ответ 3

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

Ответ 4

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

Ответ 5

Скрывается с занимаемым пространством на текущей веб-странице.

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

Исчезает на текущей веб-странице без какого-либо другого эффекта.

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

Ответ 6

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