代码之家  ›  专栏  ›  技术社区  ›  Ojo

物化中的形式动作

  •  0
  • Ojo  · 技术社区  · 8 年前

    最近转换为具体化的长时间引导用户。今天,我发现自己陷入了一个困境,因为我正试图在一个网站上制作一个简单的“联系我”表格,却找不到我应该在哪里像在bootstrap的标签上那样声明“行动”。

    这是我的联系人部分:

    <section class="section section-contact scrollspy" id="contact">
    <div class="container">
      <div class="row">
        <div class="col s12 m6">
          <div class="card-panel teal white-text center">
            <i class="material-icons medium">email
            </i>
            <h5>Contactanos sin compromiso</h5>
            <p>Dejanos tu consulta y te la respondemos dentro de las 24 horas</p>
          </div>
        </div>
        <div class="col s12 m6">
          <div class="card-panel grey lighten-3">
            <h5>Por favor completá con tus datos</h5>
            <div class="input-field">
              <input type="text" placeholder="Tu nombre" id="name">
              <label for="name">Nombre</label>
            </div>
            <div class="input-field">
              <input type="email" placeholder="email" id="email">
              <label for="email">Correo electrónico</label>
            </div>
            <div class="input-field">
              <input type="text" placeholder="Formato (351)2004974" id="phone">
              <label for="phone">Teléfono</label>
            </div>
            <div class="input-field">
              <textarea id="message" placeholder="Escribí tu consulta" class="materialize-textarea"></textarea>
              <label for="message">Mensaje</label>
            </div>
            <input type="submit" value="submit" class="btn">
          </div>
        </div>
      </div>
    </div>
    

    为了调用我的php contactform(最后一段代码),我通常会在bootstrap中处理这个问题:

    <form class="contact-form" action="contactform.php" method="post">
        <input type="text" name="name" placeholder="Full name">
        <input type="text" name="mail" placeholder="Your e-mail">
        <input type="text" name="subject" placeholder="Subject">
        <textarea name="message" placeholder="Message"></textarea>
        <button type="submit" name="submit">SEND MAIL</button>
      </form>
    

    php联系方式:

    <?php
    if (isset($_POST['submit'])) {
    $name = $_POST['name'];
    $mailFrom = $_POST['email'];
    $phone = $_POST['phone'];
    $message = $_POST['message'];
    $mailTo = "admin@mcravero.com";
    $headers = "From: Aikos website";
    $txt = "Recibiste un correo de ".$name.".\n\n".$message;
    mail($mailTo, $txt, $headers);
    header("Location: index.php?mailsend");
    }   
    

    我遗漏了什么吗?我已经在谷歌上搜索并阅读了大约一个小时的文档。

    1 回复  |  直到 8 年前
        1
  •  0
  •   ficuscr    8 年前

    你错过了 form 标签。

    <form class="contact-form" action="contactform.php" method="post">
    ....
    </form>
    

    你的 <form> 标记“ 包含 用于提交信息的交互控件”。所以,是的。您需要表单打开和关闭标记之间的所有输入和按钮。

    可以 一页上有多个表单。

    有了HTML5 new attributes 对于还建议能够将输入和表单关联起来的元素,而不管它们在dom中的位置如何。

    推荐文章