Question

我正在尝试输入发票编号作为输入类型，即123456789

enter image description here

单击“打印记录”按钮后，发票编号的值将消失，如下所示：

enter image description here

我写过的阿斯洛

<div class="form-group row">
                <label for="invoice_no" class="col-sm-2 col-form-label">Inovice Number</label>
                <div class="col-sm-10">
                <input type="text" class="form-control col-sm-4" name="InvNumber" id="InvNumber" value="{{request()->input('InvNumber')}}">
                </div>
            </div>

“打印”按钮如下所示：

<div class="form-group row">
                <div class="col-sm-12 dol-12" >
                 <button class="btn btn-secondary float-right" onclick="printDiv()">Print Record</button>
           </div>

printDiv（）函数是：

  <script type="text/javascript" language="javascript">

                            function printDiv(divName) {

                                    var printContents = document.getElementById('printableArea').innerHTML;
                                    document.body.innerHTML = printContents;

                                    window.print();
                                    }

Answer 1

单击提交按钮将提交其所在的表单。

大概，表单的操作是当前URL，因此它将重新加载页面。

新页面中没有您在上一页中键入的表单字段中的数据。

如果您不想提交表单，请使用type属性将<button>的默认值更改为submit。

Answer 2

根据文档，如果您未指定按钮type，则将其假定为submit按钮，这就是默认情况下提交表单的原因。

在按钮中添加type="button"

<button  type="button" class="btn btn-secondary float-right" onclick="printDiv()">Print Record</button>

提交：该按钮将表单数据提交到服务器。 这是如果未为与之关联的按钮指定属性，则为默认值表单，或者属性为空或无效值。

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button

单击按钮后输入值不保存该值

2 个答案: