輸入字段不顯示默認值

Question

我有一個帶有一些輸入字段的表單。 我對它們中的大多數都設置了 value="something here"。 但是，當我在 firefox 中加載頁面時，輸入字段未填寫。

Firebug 顯示一個 value 屬性，其中包含正確的值。 但它沒有顯示在屏幕上。 當我提交表單時，它也沒有傳遞值。

這是我的 PHP 腳本中的 output ，它只是轉儲數組。

}
[servDate] => 07-07-2011
[time1] => 8:00
[odo1] => 12345
[report1] => 
[time2] => 8:30
[odo2] => 12350
[report2] => 
[time4] => 9:00
[odo4] => 12359
[report4] => SUBJECT DEPARTS HOME
[time5] => 9:30
[odo5] => 12369
[report5] => SUBJECT ARRIVES AT WORK
[time98] => 9:35
[odo98] => 12369
[report98] => 
[time99] => 10:00
[odo99] => 12399
[report99] => 
[servHrs] => 
[id] => 
)

表格如下：

<form id="reportForm">
    Service Date: <input type="text" name="servDate" id="servDate" size="10" value="<? echo date("m-d-Y"); ?>" /><button id="servDateBtn"><img src="../includes/calendar.png" /></button><br />
    <table id="reportTable" name="reportTable">
        <tr>
            <th>&nbsp;</th>
            <th>Time</th>
            <th>Odometer</th>
            <th>Actions</th>
        </tr>
        <tr>
            <TD width="20px">&nbsp;</TD>
            <TD><INPUT type="text" name="time1" id="time1" size="4" /> 
            <script type="text/javascript">
                $(document).ready(function() {
                    $('#time1').timepicker({
                        showPeriod: false,
                        showLeadingZero: false
                    });
                });
            </script>
            </TD>
            <td><input type="text" name="odo1" id="odo1" class="odo" size="6" /></td>
            <td><input type="text" name="report1" id="report1" size="42" value="Dispatched Investigator." readonly="readonly" /></td>
        </TR>
        <tr>
            <TD width="20px">&nbsp;</TD>
            <TD><INPUT type="text" name="time2" id="time2" size="4" /> 
            <script type="text/javascript">
                $(document).ready(function() {
                    $('#time2').timepicker({
                        showPeriod: false,
                        showLeadingZero: false
                    });
                });
            </script>
            </TD>
            <td><input type="text" name="odo2" id="odo2" class="odo" size="6" /></td>
            <td><input type="text" name="report2" id="report2" size="42" value="Investigator arrived at first field location." readonly="readonly" /></td>
        </TR>
    </table>
    <table>
        <tr>
            <TD width="20px">&nbsp;</TD>
            <TD><INPUT type="text" name="time98" id="time98" size="4" /> 
            <script type="text/javascript">
                $(document).ready(function() {
                    $('#time98').timepicker({
                        showPeriod: false,
                        showLeadingZero: false
                    });
                });
            </script>
            </TD>
            <td><input type="text" name="odo98" id="odo98" class="odo" size="6" /></td>
            <td><input type="text" name="report98" id="report98" size="42" value="Investigator departed last field location." readonly="readonly" /></td>
        </TR>
        <tr>
            <TD width="20px">&nbsp;</TD>
            <TD><INPUT type="text" name="time99" id="time99" size="4" /> 
            <script type="text/javascript">
                $(document).ready(function() {
                    $('#time99').timepicker({
                        showPeriod: false,
                        showLeadingZero: false
                    });
                });
            </script>
            </TD>
            <td><input type="text" name="odo99" id="odo99" class="odo" size="6" /></td>
            <td><input type="text" name="report99" id="report99" size="42" value="Investigator suspended." readonly="readonly" /></td>
        </TR>
    </table>
    <br /><button id="addEntry">Add Entry</button>&nbsp;<button id="delEntry">Delete Entry</button>
    <br />
    Service Hours: <input type="text" name="servHrs" id="servHrs" size="4" />
    <input type="hidden" name="id" class="client" value="<? echo $id ?>" />
</form>

在 jquery 對話框中打開。

我頁面上的另一個 forms 在對話框中打開並且工作正常。 我已經確認我沒有使用任何重復的 ID 或名稱標簽。 更奇怪的是有時它會起作用，有時它不會。

出於安全原因，我不允許向您展示實際頁面，因為該系統包含機密的客戶信息。

Answer 1

是否僅在重新加載頁面時發生？ 如果是這樣，很可能是因為 Firefox 正在記住舊值。 如果您在新標簽頁中打開頁面，會發生這種情況嗎？

Answer 2

所以我知道自從提出這個問題以來已經有很多年了。 但是因為這里沒有有效的答案並且對未來的人們有所幫助：

正如已經提到的，瀏覽器確實存儲了defaultValue 。 但是使用指示瀏覽器根本不緩存的元標記是一個非常糟糕的解決方案。

原因：

這個問題甚至成為一個問題是（在我的情況下）應用程序分配了一個空的defaultValue並且當來自服務器的數據進入時它沒有更新它。

解決方案：

避免將defaultValue從Empty重新分配到Actual Value 。 僅在實際值可用時呈現輸入字段。