如何將我的樣式按鈕與表單鏈接？

Question

這是我的代碼：

<div class="container"> 

    <form id="signup"> 

     <div class="inputs"> 

      <input type="email" required="required" placeholder="Your Email" autofocus=""/> 

      <input type="password" required="required" placeholder="Desired Password" /> 


      <a id="submit" onclick="confirmation()">REQUEST INVITE NOW</a> 

     </div> 

    </form> 


</div> 

Answer 1

你可以只使用一個真正的提交輸入元素<input type="submit" id="submitbutton" />那麼就使用CSS樣式，如果您不使用外部樣式表使用

input#submitbutton{ 
/*CSS GOES HERE*/ 
} 

或者按鈕使用類似<input type="submit" id="submitbutton" style="CSS GOES HERE" />

Answer 2

在HTML中添加CSS發佈的內容不是一個按鈕，只是帶有附加事件的文本。如果您希望[提交]輸入看起來類似，請參閱示例style=""的代碼，修補程序以獲得所需的效果。該輸入將幫助您通過<input type="email" />和<input type="password" />值。在電子郵件，密碼和提交輸入中使用name="email"而不是id="email"屬性來使它們起作用。

<form action="" method="post"> 
     <input type="email" name="email" required="required" placeholder="Your Email" autofocus=""/> 
     <input type="password" name="password" required="required" placeholder="Desired Password" /> 
     <input type="submit" name="PICK-ME" value="REQUEST INVITE NOW" style="background: transparent; border-top: 0; border-right: 0; border-bottom: 1px solid #333333; border-left: 0; color: #42413C; display: inline; margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;" /> 
    </form>