Javascript Html按钮不显示表单

这是我的密码。我已经创建了一个按钮和单击事件，我想显示表单，但我的表单没有显示

给出错误“未捕获SyntaxError:无效或意外令牌”

结果

试试这个。您应该添加单引号

onclick='document.getElementById（“表单id”）.style.display=“block”；'


结果

试试这个。您应该添加单引号
onclick='document.getElementById（“表单id”）.style.display=“block”；'


结果

将事件绑定到元素时，它们应该用
“
或
”
包装



结果
将事件绑定到元素时，它们应该用
“
或
”
包装



结果
id中不应该有任何空格，因为DOM元素的id是唯一的。因此，请将您的表单id更改为类似id=“表单id”

  <input id="Result" name="display" type="button" value="Cost Report" onclick='document.getElementById("form-id").style.display="block";'
  style="overflow:hidden;padding: 5px 5px; border-radius: 3px;font-size: 8.5pt; width:200px ; background-color: #E7FCCA; font-weight: bold; ">

<div> <form id="form-id" style="display: none;">Results</form></div>

同时设置窗体显示：无

  <input id="Result" name="display" type="button" value="Cost Report" onclick='document.getElementById("form-id").style.display="block";'
  style="overflow:hidden;padding: 5px 5px; border-radius: 3px;font-size: 8.5pt; width:200px ; background-color: #E7FCCA; font-weight: bold; ">

<div> <form id="form-id" style="display: none;">Results</form></div>


结果
id中不应该有任何空格，因为DOM元素的id是唯一的。因此，请将您的表单id更改为类似id=“表单id”

  <input id="Result" name="display" type="button" value="Cost Report" onclick='document.getElementById("form-id").style.display="block";'
  style="overflow:hidden;padding: 5px 5px; border-radius: 3px;font-size: 8.5pt; width:200px ; background-color: #E7FCCA; font-weight: bold; ">

<div> <form id="form-id" style="display: none;">Results</form></div>

同时设置窗体显示：无

  <input id="Result" name="display" type="button" value="Cost Report" onclick='document.getElementById("form-id").style.display="block";'
  style="overflow:hidden;padding: 5px 5px; border-radius: 3px;font-size: 8.5pt; width:200px ; background-color: #E7FCCA; font-weight: bold; ">

<div> <form id="form-id" style="display: none;">Results</form></div>


结果
您可以使用ng show，并通过单击或单击使表单可见

<input id="Result" name="display" type="button" value="Cost Report" onclick= "showForm=!showForm"
      style="overflow:hidden;padding: 5px 5px; border-radius: 3px;font-size: 8.5pt; width:200px ; background-color: #E7FCCA; font-weight: bold; ">

    <div> 
    <form id="form id" ng-show="showForm">Results</form>
</div>


结果
您可以使用ng show，并通过单击或单击使表单可见

<input id="Result" name="display" type="button" value="Cost Report" onclick= "showForm=!showForm"
      style="overflow:hidden;padding: 5px 5px; border-radius: 3px;font-size: 8.5pt; width:200px ; background-color: #E7FCCA; font-weight: bold; ">

    <div> 
    <form id="form id" ng-show="showForm">Results</form>
</div>


结果
谢谢，我已经纠正了我的错误。我想在窗口的中心显示表单，在世界地图上。但是我的表单一直显示在标题下方。@SarahSalar您可以尝试使用cssstyles。看看好的，建议我。我想在点击一个按钮后在表单上显示所有计算出的值，你喜欢模式（javascript）还是表单。谢谢，我已经纠正了我的错误。我想在窗口的中心显示表单，在世界地图上。但是我的表单一直显示在标题下方。@SarahSalar您可以尝试使用cssstyles。看看好的，建议我。我想在点击按钮后在表单上显示所有计算出的值，你喜欢模式（javascript）还是表单。你的HTML无效，请查看输入标记上的onclick属性。此外，表单标记应该围绕输入字段。HTML无效，请查看输入标记上的onclick属性。此外，表单标签应环绕输入字段。