0

我正在使用开箱即用的 Skeleton，并制作了一个非常简单的登录页面。

我正在使用他们网站示例（http://getskeleton.com/#forms）上提供的表单样式：

    <!-- The above form looks like this -->
<form>
  <div class="row">
    <div class="six columns">
      <label for="exampleEmailInput">Your email</label>
      <input class="u-full-width" type="email" placeholder="test@mailbox.com" id="exampleEmailInput">
    </div>
    <div class="six columns">
      <label for="exampleRecipientInput">Reason for contacting</label>
      <select class="u-full-width" id="exampleRecipientInput">
        <option value="Option 1">Questions</option>
        <option value="Option 2">Admiration</option>
        <option value="Option 3">Can I get your number?</option>
      </select>
    </div>
  </div>
  <label for="exampleMessage">Message</label>
  <textarea class="u-full-width" placeholder="Hi Dave …" id="exampleMessage"></textarea>
  <label class="example-send-yourself-copy">
    <input type="checkbox">
    <span class="label-body">Send a copy to yourself</span>
  </label>
  <input class="button-primary" type="submit" value="Submit">
</form>

<!-- Always wrap checkbox and radio inputs in a label and use a <span class="label-body"> inside of it -->

<!-- Note: The class .u-full-width is just a utility class shorthand for width: 100% -->

但是我没有看到我在提交时控制表单发送到的位置。

有人可以解释我如何使用 Skeleton 发送表单吗？

对不起这个愚蠢的问题，但我迷路了。

谢谢，梅尔文斯

4

1 回答 1

0

我相信他们只是给你布局html和css。您需要为表单元素提供操作属性 (action='myurl') 或 id (id='myform')。这是一个仅使用 action 属性的简单示例：

<p>Click 'Submit' to send the input name to 'myform.php'</p>
<form action="myform.php">
  Name: <input type="text" name="name">
  <input type="submit">
</form>

更好的是，您可以使用 jQuery 或 javascript 来设置一个事件处理程序，该处理程序将检测按钮的点击并将您的表单输入数据发送到您喜欢的任何地方：

$( "#myform" ).submit(function( event ) {
  alert( "name data sent to myform.php" );
  $.post( "myform.php" );
  event.preventDefault();
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<p>Click 'Submit' to send the input name to 'myform.php'</p>
    <form id="myform">
      Name: <input type="text" name="name">
      <input type="submit">
    </form>

于 2015-04-16T19:17:05.777 回答