如何使用Zurb Foundation提交表格数据

时间:2014-01-11 20:03:07

标签: forms zurb-foundation

我是初学者,试图与Zurb Foundation建立我的第一个表单,我无法在文档中找到有关如何实际传递数据的信息。这只是一个基本的联系表单,其中包含名称/电子邮件/消息,一旦人们点击“提交”按钮,我就会将其发送到我的电子邮箱...我不知道该怎么做。

我为这个简单的问题道歉,非常感谢你的帮助。

2 个答案:

答案 0 :(得分:2)

Zurb基金会是网站设计和开发的前端框架工作,如果您想提交表格或进行服务器通信,请阅读一些基础知识,

HTML表单和输入:http://www.w3schools.com/html/html_forms.asp

使用Jquery AJAX提交HTML表单:

Submitting HTML form using Jquery AJAX

AJAX - 向服务器发送请求:http://www.w3schools.com/ajax/ajax_xmlhttprequest_send.asp

答案 1 :(得分:0)

HTML 部分:

<form action="form_contact_process.php" method="POST" name="contact" id="contact">
<fieldset>
<legend>Contact form</legend>
    <div class="row collapse">
        <label for="name">Name</label>
    <input type="text" name="name" id="name">
    </div>
    <div class="row collapse">
        <label for="email">Email</label>
    <input type="text" name="email" id="email">
    </div>
    <div class="row collapse">
        <label for="phone">Phone</label>
    <input type="text" name="phone" id="phone">
    </div>
    <div class="row collapse">
        <label for="message">Message</label>
        <textarea name="message" id="message" rows="5"></textarea>
    </div>
    <div class="row collapse">
        <input class="button small large-12" type="submit" value="Submit">
    </div>
</fieldset>
</form>

然后在 form_contact_process.php

<?php
$name = $_POST['name'];
...

echo $name;