JavaScript作為一種常見的編程語言，被廣泛應用于前端開發中。其中input控件是我們常用的基礎控件之一，通過這個控件，用戶可以在網頁上輸入信息，以完成各種操作。但是在某些情況下，我們可能需要把input控件隱藏起來，這時候就需要使用JavaScript實現隱藏input控件的功能。

首先，我們可以通過設置CSS樣式實現隱藏控件。如下所示：

顯示Input

上述代碼中，我們設置了一個input元素，并給它設置了display:none的樣式，從而實現了隱藏控件的功能。而在點擊按鈕后，我們通過JavaScript代碼將其樣式改為display:block，從而使其顯示出來。

除了設置樣式以外，我們還可以通過修改input控件的type屬性來隱藏控件。例如，我們可以把type屬性設置為hidden，如下所示：

顯示Input

上述代碼中，我們將input的type屬性設置為hidden，并在點擊按鈕后將其type屬性修改為text，從而顯示出來。需要注意的是，當type屬性被設置為hidden時，控件將完全隱藏，而不是只隱藏輸入框。

除了通過設置樣式和修改type屬性以外，我們還可以使用JavaScript的DOM操作來實現控件隱藏功能。例如，我們可以通過將控件從DOM中刪除來隱藏控件，如下所示：

隱藏Input

上述代碼中，我們通過DOM操作將input控件從其父節點中刪除，從而實現控件的隱藏。需要注意的是，雖然我們成功地實現了控件的隱藏，但如果我們需要再次顯示這個控件，我們需要重新創建這個控件。

綜上所述，無論是通過設置樣式、修改type屬性還是使用DOM操作，我們都可以實現JavaScript input控件的隱藏功能。在實際開發中，我們可以根據具體需求來選擇合適的方式，以滿足前端UI設計和編程需求。