来自php数组的HTML表单

Question

我想从 php 数组中显示一个 html 表单。我希望（名字）输入和（姓氏）输入在一行中。我使用了引导行类，但它将两个输入都放在单独的行中，例如

        <div class="row">first name </div>
        <div class="row">Last name </div>

如果有人能帮我解决这个问题，我将不胜感激！

    <?php

        $form = array(

                    'fname' => array(
                        'title' => 'First Name',
                        'type' => 'text',
                        'size' => '50',
                    ),

                    'lname' => array(
                        'title' => 'Last Name',
                        'type' => 'text',
                        'size' => '50',
                    ),

        'email' => array(
                        'title' => 'Email',
                        'type' => 'email',
                        'class' => 'form-control',
                        'size' => '50',

                    ),
        'submit' => array(
                        'title' => 'Register',
                        'type' => 'submit',
                        'size' => '50',
                        'class' => 'form-control',

                    ),
        )

           ?>

        <form action="" method="post">
    <?php

        foreach ($contact_form as $name => $elements) {

            $label = '<label>' . $elements['title'] . '</label><br>';

            if ($elements['type'] == 'text') {

                echo '<div class="row">';
                echo $label . '<input  type="' . $elements['type'] . '" name="' . $name . '"  size="' . $elements['size'] . '" >';
                echo '</div>';

            } elseif ($elements['type'] == 'email') {
                echo '<div class="row">';
                echo $label . '<input type="' . $elements['type'] . '" name="' . $name . '"   size="' . $elements['size'] . '">' . form_error($name) . '<br>';
                echo '</div>';

            }else{

                echo '<input type="' . $elements['type'] . '" name="' . $name . '" value="' . $elements['title'] . '"  size="' . $elements['size'] . '">'  ;
            }
        }
    ?>
</form>

Answer 1

更新您的 PHP 数组以使用 Bootstrap 大小而不是百分比。我还做了一些其他的调整...

$form = [
    [
        'title' => 'First Name',
        'name' => 'first_name',
        'type' => 'text',
        'cols' => '6',
    ],
    [
        'title' => 'Last Name',
        'name' => 'last_name',
        'type' => 'text',
        'cols' => '6',
    ],
    [
        'title' => 'Email',
        'name' => 'email',
        'type' => 'email',
        'cols' => '6',
    ],
    [
        'title' => 'Register',
        'type' => 'submit',
        'cols' => '6',
    ],
]

然后您可以使用该数据通过 foreach 循环创建表单，

<div class="container">
  <form class="form-horizontal">

    <?php foreach ($form as $element): ?>

      <div class="col-sm-<?= $element['cols'] ?>">

        <?php if ($element['type'] == 'submit): ?>

          <button type="submit" class="btn btn-default"><?= $element['title'] ?></button>

        <?php else: ?>

          <div class="form-group">
            <label for="<?= $element['name'] ?>" class="col-sm-4 control-label"><?= $element['title'] ?></label>
            <div class="col-sm-8">
              <input type="<?= $element['type'] ?>" class="form-control" id="<?= $element['name'] ?>" name="<?= $element['name'] ?>">
            </div>
          </div>

        <?php endif; ?>

      </div>

    <?php endforeach; ?>

  </form>
</div>  

没有经过测试，但应该不会太远......

Answer 2

您可以按条件管理。

            foreach ($form as $name => $elements) {
            if($name != 'lname'){
            echo '<div class="row">'; 
            }
            // Code here
            if($name != 'lname'){
            echo "</div>"; 
            }

}