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

之类的内容在HTML中添加CSS

Answer 2

发布的内容不是按钮，只是附有活动的文字。如果您希望[submit]输入看起来类似，请参阅代码示例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>

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

2 个答案: