Materialise 中的表单操作

Question

长期 bootstrap 最近切换到 Materialise 的用户。今天我发现自己陷入了困境，因为我试图在网站上制作一个简单的 "contact me" 表单，但找不到我应该在哪里声明 "action" 就像我在 [=29] 中那样=]的标签。

这是我的联系方式：

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

这就是我通常在 Bootstrap 中处理此问题的方式，以便调用我的 php 联系表（最后一个代码）：

<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");
}

我错过了什么吗？我用谷歌搜索并阅读了大约一个小时的文档。

Answer 1

您缺少 form 个标签。

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

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

您可以在一个页面上有多个表单。

对于 HTML5 也有一些 new attributes 元素，这表明无论在 DOM 中的位置如何，都可以关联输入和表单。

Materialise 中的表单操作

Form action in Materialize

php

forms

materialize