Я новичок в JavaScript. Я хочу показать скрытое текстовое поле при нажатии кнопки. Я делаю приведенный ниже код, но это не работает.

В чем проблема с моим кодом?

<!DOCTYPE html>
<html>
    <head>
        <script type="text/javascript">
        function display() {
            var z = prompt("enter your name...");
            if(z != null) {
                document.getElementById("demo").innerHTML = "thankyou " + z + "..";
                document.getElementById("case").style.visibility = 'visible';
            } else {
                document.getElementById("demo").innerHTML = "thankyou";
            }
        }
        </script>
        <title></title>
    </head>
    <body>
        <p id="demo">
            click on the button.....
        </p><button type="button" onclick="display()">submit</button>
        <form>
            <input type="text" id="case" name="myText" style="display:none">
        </form>
    </body>
</html>
4
DjangoDev 29 Янв 2013 в 12:52

4 ответа

Лучший ответ

Заменить

document.getElementById("case").style.visibility='visible';

С участием

document.getElementById("case").style.display='block';
11
Adam Lear 9 Мар 2016 в 06:46

Дисплей: ни один не работает нормально с HTML, чтобы скрыть кнопку

0
jaismeensandhu 26 Апр 2017 в 15:18

Измените стиль как блок отображения вместо видимости,

document.getElementById("case").style.display='block';

Или скрыть текстовое поле вместо видимости: нет

<input type="text" name=<name> style="visibility:hidden"/>
6
Selvakumar Ponnusamy 29 Янв 2013 в 08:55

Следующие два оператора будут отображать элемент с идентификатором "case":

document.getElementById("case").style.display='block'; 

Или

document.getElementById("case").style.display='';

Следующая инструкция скрывает элемент с идентификатором "case":

document.getElementById("case").style.display='none'; 
4
Adam Lear 9 Мар 2016 в 06:48