javascript - 按钮单击事件后显示文本框

Question

我试图在按钮单击事件后生成一个文本框。代码如下。

<div id="welcomeDiv"  class="answer_list" > WELCOME </div>
<input type="button" name="answer" value="Show Div" onclick="showDiv()" />
</div>
<?php if(isset($_POST['button'])) { ?>
<?php echo "<script type=\"text/javascript\">
   function showDiv() {

   <input type="text" id="textInput" value="..." />
   document.getElementById('welcomeDiv').style.display = "block"; </script> ";
   }
   </script>" ?> ;
<?php } ?>

但是按钮点击事件函数没有正常运行。有什么想法吗？

Answer 1

You can also create css and make visible textfield on button click

希望下面的例子能帮到你

function onButtonClick(){
  document.getElementById('textInput').className="show";
}

.hide{
  display:none;
}
.show{
  display:block;
}

<div class="answer_list" > WELCOME </div>
<input type="button" name="answer" value="Show Text Field" onclick="onButtonClick()" />
<input class="hide" type="text" id="textInput" value="..." />