HTML - Ocultar campos en un formulario

 
Vista:

Ocultar campos en un formulario

Publicado por Raul (6 intervenciones) el 02/11/2004 16:53:25
Hola a todos. Estoy haciendo un curso de diseño de paginas y en una de las paginas que estamos diseñando, vamos a poner un formulario. Quiero, que uno de los campos que tengo, este desactivado, salvo que se elija una opcion concreta; algo que he conseguido con el script de deshabiliar campos de esta pagina. Sin embargo, me gustaria rizar mas el rizo, a ver si se puede hacer que ese campo desactivado permanezca oculto (o en gris) hasta que no se elija la opcion que lo active.
He probado a hacerlo con un "visible" pero creo que no me la reconoce el HTML.
A ver si podeis ayudarme, Muchas gracias!!!!
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder

RE:Ocultar campos en un formulario

Publicado por Marto (1 intervención) el 03/11/2004 17:58:04
Wop!

Existen varias técnicas para hacer lo que comentas:

Campo en gris (deshabilitado):
-Mediante codigo HTML:
<input type="text" name="nombre" DISABLED>
-mediante js:
document.formulario.miInput.disabled = true;

Dejarlo invisible:
-mediante HTML:
<input type="text" name="nombre" style="visibility:hidden">

-mediante js:

document.formulario.miInput.style.visibility = "hidden";
y para mostrarlo
document.formulario.miInput.style.visibility = "visible";

Dejarlo invisible y que, ademas, no "ocupe espacio" en la página

-mediante HTML:
<input type="text" name="nombre" style="display:none">

-mediante js:

document.formulario.miInput.style.display = "none";
y para mostrarlo
document.formulario.miInput.style.display = "inline";

Por último, si el campo va a ser SIEMPRE invisible:

<input type="hidden" name="nombre">

:))

No dejes de visitar www.clubdevelopers.com y su sección de foros!!!
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
-1
Comentar

Ocultar campos en un formulario

Publicado por Diwa (1 intervención) el 02/09/2019 16:26:23
Hola, solo tienes que escribir después del input lo siguientes:

hidden= "true"
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar