使用按钮显示/隐藏表单时出现问题（PHP/HTML/Javascript）答案

【问题标题】：Having problems with showing/hiding form using button (PHP/HTML/Javascript)使用按钮显示/隐藏表单时出现问题（PHP/HTML/Javascript）
【发布时间】：2015-04-24 00:03:02
【问题描述】：

在我解释我遇到的问题之前，我只想让你们知道我是 PHP/HTML 的新手（我必须自己学习这门课程），所以我如果我问愚蠢的问题，请道歉。如果可能的话，我将不胜感激解释我做错了什么以及我应该做什么！

<script>
    function hide(d){
        document.getElementById(d).style.display = 'none';
    }
    function show(d){
        document.getElementById(d).style.display = 'block';
    }
    function reverse(d){
        if(document.getElementById(d).style.display == 'none') {
            document.getElementById(d).style.display = 'block';
        }
        else{
            document.getElementById(d).style.display = 'none';
        }
    }
</script>


<form>
    <button type = "button" onclick = "show(searchForm);">Perform Search</button>
    <button type = "button" onclick = "show(insertForm);">Insert Data</button>
</form>


<form id = "searchForm" style = "display: none;" action = "result.php" method = "post">
  
    <!-- My code -->  
  
</form>


<form id = "insertForm" style = "display: none;" action = "result.php" method = "post">
	
    <!-- My code -->
  
</form>

现状

按钮显示，但是当我点击它们时，什么也没有发生。我不确定我做错了什么。

解释我的代码/项目应该做什么

我有一个存储电影信息（标题、演员、上映日期等）的数据库，它显示在 HTML 表格中。我想让用户可以选择根据他们想要搜索的内容来搜索表格（比如输入演员的名字并让表格只显示包含该演员的电影）或将数据插入数据库和表格.

我想做什么（我坚持的部分）

我想创建两个按钮，一个用于显示用于搜索表格的表单，一个用于显示用于将数据插入数据库的表单。无论用户点击哪个按钮，都会显示相应的表单（当用户再次点击同一个按钮时，表单将被隐藏）。这就是我目前坚持的部分。

我进行了研究并尝试了许多其他方法，但仍然无法正常工作。我想坚持使用 Javascript，因为它对我来说更有意义。

提前致谢！

【问题讨论】：

标签： javascript php html mysql

【解决方案1】：

document.getElementById() 函数将字符串作为参数。试试：

onclick = 'show("insertForm");'

【讨论】：