Faire html caché d'entrée visible

Je veux changer un invisible html entrée dans le visible lorsque je clique sur un bouton comme illustré ci-dessous.
Mon code html ligne qui créent le caché entrée:

<input type="hidden" id="txtHiddenUname" value="invalid input" />

mon java script pour modifier la visibilité est

var y = document.getElementById("txtHiddenUname");
y.style.display= "inline";

Mais ce ne pouvait pas faire l'élément masqué pour être visible. Des idées?

Vous devez modifier la valeur "d'entrée valide", sinon c'est toujours invalide ?

OriginalL'auteur kona | 2013-07-14

  1. 6

    Vous devez changer le type de l'élément d'entrée :

     y.setAttribute('type','text'); 
 //or
 y.type = 'text';

    1) Soit par l'utilisateur java script à l'intérieur du corps de la balise ci-dessous :

    <input type="hidden" id="txtHiddenUname" value="invalid input" />

<script type="text/javascript">
var y = document.getElementById("txtHiddenUname");
y.type= "text";
</script>

    OU

    2) Utilisez gestionnaire d'événements tels que onload

    <head>
<script type="text/javascript">
function on_load(){
    var y = document.getElementById("txtHiddenUname");
    y.type= "text";
}
    </script>
</head>

<body onload = "on_load()">

<input type="hidden" id="txtHiddenUname" value="invalid input" />

...

    de sorte que le DOM est prêt.

    Je l'ai essayé et en effet, il rend le texte visible. mais la visibilité reste pour millisecondes et il remonte à la mode invisible.
    utilisez ce code après certains événements se fait sur certains éléments , comme le clic de bouton ou autre chose.

    OriginalL'auteur Lekhnath

  2. 2

    N'est pas ici question de CSS, il est question d'attributs, de Sorte que vous besoin de changer l'attribut type de hidden à autre chose comme text

    De bien vouloir vérifier cette [comment-changer-html-objet de l'élément de données-attribut-valeur-en-javascript][1]

    vérifier: Comment changer d'Objet HTML à l'élément de données valeur de l'attribut en javascript. Pour modifier la valeur d'attribut à l'aide de jQuery ou Javascript

    OriginalL'auteur ebram khalil

  3. 0
    <input type = "hidden", id = "abbriv", value = "Some Random Text"/>

<script>
        function f1()
        {
            var x = document.getElementById("abbriv").value;
            document.getElementById("demo").innerHTML = x;
        }
    </script>
    Veuillez fournir des explications au sujet de votre réponse quant à ce qui se passe exactement, de sorte que lorsque quelqu'un lit ceci, ils ont clairement un/une meilleure compréhension.

    OriginalL'auteur Vaibhav Kulkarni