Hide and show a text field

Question

i am a beginer to javascript.I want to show a hidden textbox on a button click.i do the bellow code, but it doesnt work.

What is the problem with my code?

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

Adam Lear · Accepted Answer · 2016-03-09 06:46:00Z

13

replace

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

with

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

edited Mar 9, 2016 at 6:46

Adam Lear♦

38.9k13 gold badges83 silver badges105 bronze badges

answered Jan 29, 2013 at 8:57

user2001057

1587 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Selvakumar Ponnusamy · Accepted Answer · 2013-01-29 08:55:13Z

Change the style as display block instead of visibility,

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

or have your text box as visibility hidden instead of display:none

<input type="text" name=<name> style="visibility:hidden"/>

Adam Lear · Accepted Answer · 2016-03-09 06:48:13Z

The following two statements will display the element with id "case":

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

or

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

The following statement will hide the element with id "case":

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

jaismeensandhu · Accepted Answer · 2017-04-26 15:18:58Z

0

Display:none works fine with HTML to hide a button

answered Apr 26, 2017 at 15:18

jaismeensandhu

591 silver badge7 bronze badges

Collectives™ on Stack Overflow

Hide and show a text field

4 Answers 4

Comments

1 Comment

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

1 Comment

Comments

Comments

Linked

Related