hrefでボタンを使ってページにリンクしていません

Question

"sign up"にボタンタグを置くと、設定したページに移動しませんが、ボタンタグを削除すると働く

ボタンはhrefで動作しません。特に "サインアップ"ボタンをクリックします。しかし、他のボタンは機能しています。誰が問題が何であるか知っていますか？

マイHTML：

<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> 

マイCSS：

.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; 
} 

Answer 1

あなたはアンカータグを閉じ、タグなどのリンク

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

PS使用小文字の周りに引用符を使用する必要があります。 <a>などの属性：href

Answer 2

外部CSSのではなく、インライン経由

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

スタイルをお試しください。

Answer 3

私はそれがHTMLがそのように機能しないからだと言いたいと思います...私はW3Cのチュートリアルに従うことをお勧めします。ここでオフ開始 ：とにかくhttps://www.w3schools.com/tags/tag_button.asp

、私はそれがDOMツリーに、あなたが私にそう

（など）のブロック要素を含む（など）インライン要素を持つことができない、ということだと思う主な問題をいつもこの構文を使用して、HTMLと確かに、むしろまた

内のボタンを置くよりも、onclickの属性を追加するD：

注意小文字、および引用符！