即使刷新后也保留文本框值

即使刷新后也保留文本框值

本文介绍了即使刷新后也保留文本框值的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我想在刷新页面后保留文本框值,而不是成功提交。

I want to Retain the textbox values even after Refresh of page rather it is successfully submitted.

使用cookies或使用php会话

Using cookies or using php sessions

以下是代码:

<div class="block-content collapse in">
                         <div class="alert alert-success"><i class="icon-info-sign"></i> Please Fill in required details</div>
                            <form class="form-horizontal" method="post" enctype="multipart/form-data">
                                <table style width="100%">
                                <tr>
                                <td>
                                        <div class="control-group">
                                            <label class="control-label" style="font-size: 16px;" for="inputPassword"><b>Client Name</b></label>
                                            <div class="controls">
                                            <input type="text" class="span8" name="name" id="name" placeholder="Name of Client" required>
                                            </div>
                                            <label class="control-label" style="font-size: 16px;" for="inputPassword"><b>ਨਾਮ</b></label>
                                            <div class="controls">
                                            <input type="text" class="span8" name="namepb" id="transliteratename" placeholder="ਨਾਮ" required>
                                            </div>
                                        </div>

                                </td>
                                <td>
                                        <div class="control-group">
                                            <label class="control-label" style="font-size: 16px;" for="datepicker1"><b>Client's DOB</b></label>
                                            <div class="controls">
                                            <input type="text" class="span8" name="dob" id="datepicker1" placeholder="Date of Birth mm/dd/yyyy" required>
                                            </div>
                                        </div>
                                </td>

                                <td>
                                <div id="image-preview">
                                <label for="image-upload">Choose File</label>
                                <input type="file" name="Photo" id="image-upload" required/>
                                </div>
                                </td>

                                </tr>

                                <tr>
                                <td>
                                        <div class="control-group">
                                            <label class="control-label" style="font-size: 16px;" for="inputPassword"><b>Father's Name</b></label>
                                            <div class="controls">
                                            <input type="text" class="span8" name="fname" id="inputPassword" placeholder="Client Father's Name" required>
                                            </div>
                                            <label class="control-label" style="font-size: 16px;" for="inputPassword"><b>ਪਿਤਾ ਦਾ ਨਾਮ</b></label>
                                            <div class="controls">
                                            <input type="text" class="span8" name="fnamepb" id="transliteratefname" placeholder="ਪਿਤਾ ਦਾ ਨਾਮ" required>
                                            </div>
                                        </div>
                                </td>

                                <td>
                                    <div class="control-group">
                                            <label class="control-label" style="font-size: 16px;" for="inputPassword"><b>Mobile Number</b></label>
                                            <div class="controls">
                                            <input type="text" class="span8" name="mobile" id="mobile" placeholder="Client's Mobile Number" required>
                                            </div>
                                        </div>

                                </td>
                                </tr>

                                <tr>
                                <td>
                                        <div class="control-group">
                                            <label class="control-label" style="font-size: 16px;" for="inputPassword"><b>Address</b></label>
                                            <div class="controls">
                                            <textarea class="text" style="width:63%"; id="address" name="address" placeholder="Your Full Address" required></textarea>
                                            </div>
                                            <label class="control-label" style="font-size: 16px;" for="inputPassword"><b>ਪਤਾ </b></label>
                                            <div class="controls">
                                            <textarea class="text" style="width:63%"; id="transliterateaddress" name="addresspb" placeholder="ਪੂਰਾ ਪਤਾ" required></textarea>
                                            </div>
                                        </div>
                                </td>
                                <td>
                                    <div class="control-group">
                                            <label class="control-label" style="font-size: 16px;" for="inputPassword"><b>Landline</b></label>
                                            <div class="controls">
                                            <input type="text" class="span8" name="landline" id="landline" placeholder="Client's Landline" required>
                                            </div>
                                        </div>
                                </td>
                                </tr>
                                <tr>

                                <td>
                                <div class="control-group">
                                            <label class="control-label" style="font-size: 16px;" for="inputPassword"><b>City</b></label>
                                            <div class="controls">
                                            <input type="text" class="span8" name="city" id="inputPassword" placeholder="VPO / City" required>
                                            </div>

                                            <label class="control-label" style="font-size: 16px;" for="inputPassword"><b>ਸ਼ਹਰ</b></label>
                                            <div class="controls">
                                            <input type="text" class="span8" name="citypb" id="transliteratecity" placeholder="ਵ.ਪ.ਓ / ਪਸ਼ਹਰ" required>
                                            </div>
                                    </div>
                                </td>
                                <td>
                                <div class="control-group">
                                            <label class="control-label" style="font-size: 16px;" for="inputPassword"><b>Tehsil</b></label>
                                            <div class="controls">
                                            <input type="text" class="span8" name="tehsil" id="inputPassword" placeholder="Tehsil" required>
                                            </div>

                                            <label class="control-label" style="font-size: 16px;" for="inputPassword"><b>ਤੇਹ੍ਸਿਲ</b></label>
                                            <div class="controls">
                                            <input type="text" class="span8" name="tehsilpb" id="transliteratetehsil" placeholder="ਤੇਹ੍ਸਿਲ " required>
                                            </div>
                                </div>
                                </td>
                                </tr>
                                <p> </p>
                                <tr>
                                <td>
                                <div class="control-group">
                                            <label class="control-label" style="font-size: 16px;" for="inputPassword"><b>Distt.</b></label>
                                            <div class="controls">
                                            <input type="text" class="span8" name="distt" id="inputPassword" placeholder="District" required>
                                            </div>
                                        </div>
                                            <label class="control-label" style="font-size: 16px;" for="inputPassword"><b>ਡਿਸਟ੍ਰਿਕ</b></label>
                                            <div class="controls">
                                            <input type="text" class="span8" name="disttpb" id="transliteratedistt" placeholder="ਡਿਸਟ੍ਰਿਕਟ" required>
                                            </div>
                                </td>

                                <td>
                                <label class="control-label" style="font-size: 16px;" for="inputPassword"><b>Any Add. Details</b></label>
                                            <div class="controls">
                                            <select name="add" id="add" required>
                                            <option  value="">---Select---</option>
                                            <option  value="yes">Yes</option>
                                            <option  value="no">No</option>
                                            </select>
                                            </div>
                                </td>
                                </tr>

                                <tr>
                                <td>
                                <div class="control-group">
                                            <label class="control-label" style="font-size: 16px;" id="la-add-address" for="inputPassword"><b>Additional Address</b></label>
                                            <div class="controls">
                                            <textarea class="text" style="width:63%"; id="addaddress" name="addaddress" placeholder="Your Full Address"></textarea>
                                            </div>
                                        </div>
                                </td>
                                <td>
                                <div class="control-group">
                                            <label class="control-label" style="font-size: 16px;" id="la-add-city" for="inputPassword"><b>City</b></label>
                                            <div class="controls">
                                            <input type="text" class="span8" name="addcity" id="addcity" placeholder="VPO / City">
                                            </div>
                                        </div>
                                </td>
                                </td>
                                <tr>
                                <td>

                                <div class="control-group">
                                            <label class="control-label" style="font-size: 16px;" id="la-add-mob" for="inputPassword"><b>Mobile</b></label>
                                            <div class="controls">
                                            <input type="text" class="span8" name="addmob" id="addmob" placeholder="Client's Mobile Number">
                                            </div>
                                        </div>
                                </td>
                                <td>

                                </td>
                                </tr>

                                <tr>
                                <td>
                                <div class="control-group">
                                         <label class="control-label" style="font-size: 16px;" for="inputEmail"><b>Type of Loan</b></label>
                                            <div class="controls">
                                              <select name="loantype_id" class="chzn-select"  required/>
                                                 <option></option>
                                                 <?php $loan_type=mysql_query("select * from loan_type")or die(mysql_error());
                                                 while ($row=mysql_fetch_array($loan_type)){
                                                 ?>
                                                 <option value="<?php echo $row['loantype_id']; ?>&nbspName&nbsp<?php echo $row['loanname']; ?>"><?php echo $row['loanname']; ?></option>
                                                 <?php } ?>
                                               </select>
                                             </div>
                                        </div>
                                </td>
                                </tr>

                                <tr>
                                <td>
                                        <div class="control-group">
                                        <div class="controls">
                                        <button name="save" id="save" data-placement="right" title="Click here to Save your new data." class="btn btn-primary"><i class="icon-save"></i> Next...</button>
                                        </div>
                                        </div>
                                </td>
                                </tr>
                                        <script type="text/javascript">
                                        $(document).ready(function(){
                                        $('#save').tooltip('show');
                                        $('#save').tooltip('hide');
                                        });
                                        </script>

                                </tr>
                                </table>

                            </form>

如果有任何想法可以解决这个问题,可以使用Cookie或使用PHP Session。

if any idea for this problem to solve it Using Cookies or using PHP Session.

推荐答案

哦,是的!!您可以使用HTML5的 localStorage sessionStorage

Oh yea!! You can use localStorage or sessionStorage of HTML5.

sessionStorage 将保留它直到会话处于活动状态但
localStorage 将保留它直到您手动删除它。

sessionStorage will keep it until a session is alive butlocalStorage will keep it until you delete it manually.

请参阅下文了解如何将其存储在其中任何一种中:

See below for ways you can store it in either of them:

要存储:

localStorage.setItem('somekey','textboxValue')
//or
sessionStorage.setItem('somekey','textboxvalue')

要检索

localStorage.getItem('somekey')
//or
sessionStorage.getItem('somekey');

这篇关于即使刷新后也保留文本框值的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!

09-06 00:46