JavaScript作為一種編程語言，在web前端開發中廣泛應用。作為開發者，我們常常需要使用input來獲取用戶輸入的信息，而JavaScript提供了許多實用的方法，來使得input的使用更加方便。

首先，我們來看一下如何獲取input的值。可以使用document.getElementById()方法，來獲取input元素的value值。如下所示：

var input = document.getElementById("input");
var value = input.value;
console.log(value);

上述代碼中，我們首先使用getElementById()方法獲取input元素，然后使用value屬性來獲取input的值。例如：

<input type = "text" id = "input">

以上代碼將創建一個id為"input"的文本輸入框。當用戶輸入內容并提交后，我們可以使用上述代碼獲取input的值，并在控制臺輸出。除此之外，還有一些其他的input類型可以使用，例如checkbox、radio、select等。

其次，我們需要控制input輸入的類型和長度。可以使用正則表達式來控制輸入的類型和范圍。

<input type = "text" onkeyup = "value=value.replace(/[^\d]/g,"")" maxlength="11">

以上代碼將創建一個只能輸入數字且最多輸入11位的文本輸入框。其中，onkeyup事件會在用戶每次按下鍵盤松開時觸發。而replace()方法可以將不是數字的字符替換為""，實現了只能輸入數字的效果。maxlength屬性可以設置文本框的最大長度，同時也可以通過maxlength限制輸入長度，避免用戶錯誤輸入。

除了控制輸入的類型和長度之外，我們還可以通過input事件來實時獲取用戶輸入的值，當用戶每次輸入內容時，即可觸發該事件。

<input type="text" id="input" oninput="console.log(this.value)">

以上代碼創建一個id為"input"的文本輸入框，并綁定了oninput事件。當用戶每次輸入內容時，即可在控制臺輸出該輸入內容。該事件具有實時性，能夠及時反饋用戶的輸入狀態。

最后，我們需要考慮到input的安全性問題。對于一些重要的輸入框，例如登錄界面、支付界面等，需要使用加密方法來增加安全性。

<input type="password" id="password">

以上代碼將創建一個id為"password"的密碼輸入框。在用戶輸入密碼時，輸入框內的內容將被隱藏，增加了安全性。同時，我們還可以使用加密方法來加強密碼的安全性，以確保用戶信息不會被泄露。

綜上所述，JavaScript的input實踐包含了獲取值、控制類型和長度、實時獲取用戶輸入、以及增強安全性等多個方面。通過這些實用方法，我們可以更加方便地使用input，提供更優質的用戶體驗。