Question

这是我们绝望的尝试让按钮工作。在添加另一个之前，BUTTON工作了。请帮忙。我们也很难让按钮看起来不同，但现在已经修复了。（它只是告诉我更多的文字，这就是我写这个的原因。这不重要。你今天过得怎么样？）

	  .Button {
    background-color: darkcyan;
    border: none;
    color: black;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
	font-family: hacked;
	
	
}

  .sub {
  position: relative;
}
.itmHolder {
  position: relative;
}

  
  
  .itmHolder:nth-child(2),
.itmHolder:nth-child(3) {
  position: absolute;
  top: 0;
}
.og {
  margin-top: 50px;
  position: center;
  text-align: center;
}

    <title>Our Future</title>
	</head>
	<!--Baggrunds farve-->
	<body bgcolor="#212f3c">
	
	<!--Hovedskriften-->
     <font size=40><center><h1 style="font-family:blowbrush;">Future</font></center></h1><form action="side2.html">
	 
	 
	  <div class="og">
  <div class="itmHolder">

    <div class="sub">
      <button type="button" class="Button">About us<form action="side2.html"></button>
      <button type="button" class="Button">Buy now<form action="buynow.html"></button>
    </div>
</div>
	 
	 
	 <br></br>
 </body>
</html>
  <picture>
  <!--Billede-->
  <br></br>
  <br></br>
 <center><img src="CSfU23PXAAEA8et.jpg" alt="Matrix" style="width:auto;" border="5"><center/>
 <br></br>
 <br></br>
<!--Youtube video-->
 <center><iframe width="700" height="400"src="https://www.youtube.com/embed/XGSy3_Czz8k?playlist=XGSy3_Czz8k&loop=1"></center></iframe>
</picture>

Answer 1

您已经关闭了表单标记，并将其放在错误的位置。调整代码：

    <div class="sub">
        <form action="side2.html" method="POST">
            <input type="submit" class="Button" value="About us">
        </form>
        <form action="buynow.html" method="POST">
            <input type="submit" class="Button" value="Buy now">
        </form>
    </div>

或者如果您不想使用表单，请使用<a>标记：

    <div class="sub">
       <button type="button" class="Button"><a href="side2.html">About us</a></button>
       <button type="button" class="Button"><a href="buynow.html">Buy now</a></button>
    </div>

Answer 2

无需使用按钮浏览页面。你可以这样做：

<a href="buynow.html"> Buy Now </a>

然后设置 a ，无论你喜欢什么。

如果您需要传递 onClick 操作，则按钮与 JavaScript 一起使用。

Answer 3

您未在下面的代码部分中以正确的方式使用relative标记

<script type="text/javascript">
window.onload = function() {
var button = document.getElementById("post");
button.addEventListener("click",
    function() {
        //document.getElementById("display");
        document.getElementById('display').innerHTML = document.getElementById('info').value;
        document.getElementById("info").style.display = "none";
    });
}
</script>

试试这种方式

<form>

否则尝试这种替代方式

<div class="sub">
      <button type="button" class="Button">About us<form action="side2.html"></button>
      <button type="button" class="Button">Buy now<form action="buynow.html"></button>
    </div>

希望这有帮助。

按钮不会工作

3 个答案: