ボタンタイプ= "submit"をHTMLにリンクするには？このページから借り

Question

ソリューション： https://webdesign.tutsplus.com/tutorials/building-responsive-forms-with-flexbox--cms-26767

私は、リスト内のボタンがあります。

<form> 
    <ul> 
     <li> 
      <a href="account.html" class="button"> 
       <button type="submit">Submit</button> 
      </a> 
     </li> 
    </ul> 
</form> 

は、私はこのコードを試してみました：

<form action="account.html"> 
    <button type="submit">Submit</button> 
</form> 

が、両方の方法は動作しません。ボタンをaccount.htmlページにリンクできるようにするために私のコードをどうしなければなりませんか？

CSSコード：

a.button 
{ 
    margin: auto; 
    padding: 8px 16px; 
    border: none; 
    background: #333; 
    color: #f2f2f2; 
    text-transform: uppercase; 
    letter-spacing: .09em; 
    border-radius: 2px; 
    margin-top: 2%; 
    font-size: 1.5vw; 
    text-decoration: none; 
} 

Answer 1

HMTL：

<ul> 
    <li> 
     <a href="account.html" class="button">Submit</a> 
    </li> 
</ul> 

CSS：

a.button { 
    margin: auto; 
    padding: 8px 16px; 
    border: none; 
    background: #333; 
    color: #f2f2f2; 
    text-transform: uppercase; 
    letter-spacing: .09em; 
    border-radius: 2px; 
    margin-top: 2%; 
    font-size: 1.5vw; 
    text-decoration: none; 
} 

EDIT：

HTML：

<form action="account.html" method="GET"> 
    <!-- Other fields --> 

    <ul> 
     <li> 
      <input type="submit" class="button" value="Submit"> 
      <!-- or --> 
      <button type="submit" class="button">Submit</button> 
     </li> 
    </ul> 
</form> 

CSS：

input.button { 
    /* Your styles go here */ 
} 

/* or */ 

button.button { 
    /* Your styles go here */ 
} 

Answer 2

秒が動作するはずです。しかし、ボタンの代わりに入力にジャンプすることができます。

<form action="account.html"> 
     <input type="submit" value="Submit"> 
    </form>