Pregunta Si quiero que mi área de texto se oculte, ¿cómo lo hago?


Si quiero que mi área de texto se oculte, ¿cómo lo hago?


14
2018-03-02 10:42


origen


Respuestas:


Todos te dan respuestas, pero no mucho sobre los motivos. Aquí tienes: si usas la regla CSS visibility:hidden; el área de texto será invisible, pero ocupará espacio. Si usas la regla CSS display:none; el área de texto estará oculto y no reservará espacio en la pantalla, sin espacios, en otras palabras, donde debería haber estado. Aquí hay un buen ejemplo visual: http://www.w3schools.com/css/css_display_visibility.asp

Para poner la regla de estilo en su área de texto, quiere algo como esto:

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

33
2018-03-02 10:53



Tienes algunas opciones, aquí hay algunos ejemplos:

  1. Pantalla: ninguno
  2. Visibilidad: oculta

Aquí hay un código de ejemplo para que veas por ti mismo

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

Mira esto Ejemplo jsFiddle 


6
2018-03-02 10:53



Usando css: display: none; (Esto hará que el área de texto desaparezca por completo, el espacio que normalmente ocuparía no se reservará)


4
2018-03-02 10:48



Oculto con ocupar el espacio en la página web actual.

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

Desaparecer en la página web actual sin otro efecto.

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

4
2018-01-22 08:24



Usar la propiedad de visibilidad de CSS debería ser el truco.


2
2018-03-02 10:45



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

1
2018-01-22 08:38