HTML 表单按钮答案

【问题标题】：HTML Form ButtonHTML 表单按钮
【发布时间】：2014-12-23 13:18:08
【问题描述】：

我想在表单中使用我自己的按钮

当我使用时

<form method="post" action="check_login.php">
    <input class="textbox" name="username" type="text" placeholder="Login">
    <input class="textbox" name="password" type="password" placeholder="Password">

    <div id="buttonPlace">
        <p>Remember Me</p>
    <input type="submit" value="Log in!" />

</form>

效果很好。我想使用我自己的按钮。当我使用此代码时：

<form method="post" action="check_login.php">
    <input class="textbox" name="username" type="text" placeholder="Login">
    <input class="textbox" name="password" type="password" placeholder="Password">

    <div id="buttonPlace">
        <p>Remember Me</p>
    <div id="buttonLogin" type="submit">sing up</div>

</form>

按钮不起作用。为什么？

【问题讨论】：

您不能将类型分配给 div。但是，您可以在单击 div 时使用 JQuery 提交表单。
请 .. 尝试阅读和理解基本的 html - 标签
你可以将
改为
我认为您只是希望能够设置按钮的样式，我会在这里向您推荐：stackoverflow.com/questions/17236018/how-to-style-submit-button

【解决方案1】：

<form method="post" action="check_login.php">
  <input class="textbox" name="username" type="text" placeholder="Login">
  <input class="textbox" name="password" type="password" placeholder="Password">
  <div id="buttonPlace">
    <p>Remember Me</p>
    <button id="buttonLogin" type="submit">Sign up</button>
  </div>
</form>

【讨论】：

【解决方案2】：

Div 不能有 type="submit" 属性，只有表单输入可以有不同的输入类型属性。如果要设置提交按钮的样式，请使用：

<input class="submitbutton" type="submit">Sign up</input>

然后为您的按钮类定义 css 样式：

.submitButton {
   .width: 60px;
   .height: 20px;
   .color: #dd5599;
}

【讨论】：

【解决方案3】：

如果您想在点击您的 div 时提交表单，请使用需要设置其点击功能来提交表单：-

$( document ).ready(function() {
$( "#buttonLogin" ).click(function() {
 $( this ).closest("form").submit();
});
}

但是，最好使用按钮或输入进行提交。

【讨论】：