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>

你可以使用bootsrap 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() !!}

Laravel表单中间带有<div>标签

3 个答案: