Laravel形式 tags in the middle

Question

我试图在中间使用带有div标签的表单。但是，它似乎不起作用，没有它们使用时表单工作正常。有没有办法对表单进行样式化并使用它？

{!! Form::open(['action' => 'ProductController@store', 'method' => 'POST', 'enctype' => 'multipart/form-data']) !!}
<div class="centre col-lg-4 col-lg-offset-4 ">
  <h2>Product</h2>
  {{Form::text('', '', ['class' => 'form-control', 'placeholder' => 'Product'])}}
</div>
<div>
  <div class="section3  ">
    <div class="container centre">
      {{Form::submit('Submit', ['class'=>'btn btn-primary'])}}
    </div>
  </div>
</div>
{!! Form::close() !!}

Answer 1

你的代码中有一些不需要的</div>导致形式在错误的地方关闭，修复<div>它将再次开始工作。基本上，由于代码格式不正确，这是一个错误。

<div>
        {!! Form::open(['action' => 'ProductController@store', 'method' => 'POST', 'enctype' => 'multipart/form-data']) !!}

   <div class="centre col-lg-4 col-lg-offset-4 ">
            <h2>Product</h2>
            {{Form::text('', '', ['class' => 'form-control', 'placeholder' => 'Product'])}}
    </div>
     <div class="section3  ">
        <div class="container centre">

            {{Form::submit('Submit', ['class'=>'btn btn-primary'])}}
            {!! Form::close() !!}
        </div>
    </div>
</div>

并且不要忘记在代码中添加名称和其他参数以使您的表单值得。

{{Form::text('name', null, ['class' => 'form-control', 'placeholder' => 'Product'])}}

Answer 2

首先div标签没有正确关闭..你在第一个div中有两个不需要的标签。您可以根据您的设计需求进行设计。

.

<div class="container">
  <div class="well">

{!! Form::open(['action' => 'ProductController@store', 'class' => 'form-inline' , 'method' => 'POST', 'enctype' => 'multipart/form-data']) !!}

<fieldset>

    <div class="form-group">
        {!! Form::label('product', 'Product:', ['class' => 'col-lg-2 control-
       label']) !!}
        <div class="col-lg-10">
            {!! Form::text('product', $value = null, ['class' => 'form-
             control', 'placeholder' => 'product']) !!}
        </div>
    </div>

    <!-- Submit Button -->
        <div class="form-group">
         <div class="col-lg-10 col-lg-offset-2">
            {!! Form::submit('Submit', ['class' => 'btn  btn-info '] ) !!}
         </div>
        </div>

</fieldset>

{!! Form::close()  !!}

  </div>
</div>

你可以使用bootstrap html表单来实现简单和更好的设计，因为它们具有不同设计的不同表单类。

https://www.w3schools.com/bootstrap/bootstrap_forms.asp

如果你觉得这很有用

Answer 3

表单关闭标记应与表单打开标记的深度相同：

没有他们。有没有办法对表单进行样式化并使用它？

{!! Form::open(['action' => 'ProductController@store', 'method' => 'POST', 'enctype' => 'multipart/form-data']) !!}
<div>
    <div>

       <div class="centre col-lg-4 col-lg-offset-4 ">
                <h2>Product</h2>
                {{Form::text('product', $value=null, ['class' => 'form-control', 'placeholder' => 'Product'])}}
        </div>
    </div>
</div>

<div>
    <div class="section3  ">
        <div class="container centre">

            {{Form::submit('Submit', ['class'=>'btn btn-primary'])}}

        </div>
    </div>
</div>
{!! Form::close() !!}