最初如何隱藏表單，如何在重新加載屏幕時呈現表單？

Question

我的屏幕上有一個表格。 我想最初將其隱藏。 用戶可以稍后啟用它，輸入值，然后提交表單。 提交表格將更新屏幕。 但是這次我希望表格保持可見。 我怎么做？

下面的javascript最初將隱藏表單。

$(document).ready(function(){           

    document.getElementById( 'form1' ).style.display = 'none';          

});

下面的腳本將提交表單。 但是無論如何，我可以確保此后表單仍然可見嗎？ 我現在所擁有的'document.getElementById（'form1'）.style.display ='yes'無法正常工作。

function SubmitForm1(){ 

        document.getElementById("form1").submit();  
        document.getElementById( 'form1' ).style.display = 'yes'    

}

Answer 1

有兩種簡單的方法可以在頁面（本地存儲外部）之間保持狀態。

首先是將信息放入表單網址。 防爆。 http：// localhost？loaded = true 。 然后，您可以使用諸如如何在JavaScript中獲取查詢字符串值之類的代碼？ 檢索值並調整表單的可見性。

第二種也是更常見的做法是在會話中或數據庫之類的持久性存儲中將某種狀態存儲在服務器上。 在為頁面提供服務時，您將使用所用的服務器端模板語言來根據保存的數據來調整表單的可見性。

我想請您考慮是否應該重定向到第二個可見表單的頁面，而不是操縱同一頁面上的可見性。

Answer 2

“是”不是“顯示”屬性的有效屬性。

通過將元素顯示設置為“無”來考慮您在做什么。 您正在將元素的CSS手動設置為.form {display：none;}。

如果要保持代碼不變，請嘗試將display屬性的值設置為有效屬性。 如“阻止”或“內聯”。

但是，如果您使用的是JQuery，建議您在表單提交時“切換”所需的元素。 喜歡：

document.getElementById( 'form1' ).toggle();

這會將顯示從不可見切換為可見，反之亦然。

以下是顯示屬性的不同屬性值的鏈接。 https://www.w3schools.com/cssref/pr_class_display.asp