如何将我的样式按钮与表单链接？

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>