Question

当我在＆＃34上放一个按钮标签时，注册＆＃34;它没有带我到我设置的页面，但当我删除按钮标签时，它可以工作。

href的按钮不起作用。特别是在＆＃34;注册＆＃34;按钮。但其他按钮正在工作。有人知道问题是什么吗？

＆＃13;

.button {
  background-color: #4CAF50;
  /* Green */
  border: none;
  color: white;
  padding: 16px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  width: 70px;
  height: 30px;
  -webkit-transition-duration: 0.4s;
  /* Safari */
  transition-duration: 0.4s;
  cursor: pointer;
}

.button1 {
  background-color: #ccd9ff;
  color: black;
  border: 2px solid #555555;
}

.button1:hover {
  background-color: #808080;
  color: white;
}

.button2 {
  background-color: #ccd9ff;
  color: black;
  border: none;
}

.button2:hover {
  background-color: ffcccc;
  color: white;
}

.button3 {
  background-color: #ccd9ff;
  color: black;
  border: none;
}

.button3:hover {
  background-color: #ff99e6;
  color: white;
}

.button4 {
  background-color: #ccd9ff;
  color: black;
  border: none;
}

.button4:hover {
  background-color: #ff9999;
}

.button5 {
  background-color: #ccd9ff;
  color: black;
  border: none;
}

.button5:hover {
  background-color: #ffb399;
  color: white;
}

.button6 {
  background-color: #ccd9ff;
  color: black;
  border: none;
}

.button6:hover {
  background-color: #9999ff;
  color: white;
}

.button7 {
  background-color: #ccd9ff;
  color: black;
  border: none;
}

.button7:hover {
  background-color: #ccccff;
  color: white;
}

.button8 {
  background-color: #ccd9ff;
  color: black;
  border: none;
}

.button8:hover {
  background-color: #ffffcc;
  color: white;
}

＆＃13;

<form id="searchbox" action="">
  <input id="search" type="text" placeholder="Search Anime">
  <button class="button button1" id="submit" type="submit" value="Search">Search</button>
  <FONT face="Comic Sans MS" COLOR="#ff4d4d" SIZE=2>Login</FONT> or
  <A HREF=register.html style="text-decoration:none">
    <button class="button button8" <FONT face="Comic Sans MS" COLOR="#ff4d4d" SIZE=2>Sign Up</FONT><Button>
	</A>
    </form>

＆＃13;

Answer 1

你应该关闭锚标记并在链接周围使用引号

<a href='register.html' style="text-decoration:none">my link  </a>

PS对标签使用小写例如：<a>和属性，例如：href

Answer 2

尝试

<input type="submit" class="button button8" value="Sign Up">

通过外部CSS而不是内联来设置它。

Answer 3

我会说那是因为HTML不能这样工作......我建议你遵循一些W3C教程。从这里开始：https://www.w3schools.com/tags/tag_button.asp

无论如何，我认为主要的问题是，在DOM树中，你不能拥有包含块元素的内联元素（例如）

所以我要添加一个onclick属性，而不是把按钮放在里面

另外，为了确保使用HTML，请始终使用以下语法：

注意小写和引号！

通过带有href的按钮链接到页面不起作用

3 个答案: