在網頁制作中，用戶輸入數據是非常常見的一種行為，而JavaScript中的input就是用來獲取用戶輸入數據的。通過input，我們可以實現獲取表單元素的值、改變表單元素的值、監聽表單元素值的變化等功能。

首先，我們來看一個最常見的獲取表單元素值的例子：

<input id="username" type="text" />
<button onclick="getUsername()">確認</button>
<script>
function getUsername() {
var username = document.getElementById("username").value;
alert("您輸入的用戶名是：" + username);
}
</script>

通過getElementById獲取到表單元素，再使用value方法獲取到該表單元素的值，最后以alert的形式彈出。

除了獲取表單元素的值，我們也可以通過JavaScript來改變表單元素的值：

<input id="number" type="text" value="0" />
<button onclick="addNumber()">增加</button>
<script>
function addNumber() {
var number = parseInt(document.getElementById("number").value);
document.getElementById("number").value = number + 1;
}
</script>

以上代碼表示：頁面初始時，顯示一個默認值為0的文本框和一個“增加”按鈕。當點擊“增加”按鈕時，JavaScript會獲取到文本框中的值并轉換為數字類型，然后將該數字加1并重新賦值給文本框。

除了直接獲取表單元素的值，我們也可以通過監聽表單元素值的變化來獲取。下面是一個例子：

<input id="password1" type="password" />
<input id="password2" type="password" />
<script>
document.getElementById("password2").addEventListener("input", checkPassword);
function checkPassword() {
var password1 = document.getElementById("password1").value;
var password2 = document.getElementById("password2").value;
if (password1 !== password2) {
alert("兩次輸入的密碼不一致！");
}
}
</script>

以上代碼通過addEventListener方法添加一個input事件監聽器，當“確認”密碼框中的值發生變化時，會觸發checkPassword函數，檢查兩次輸入的密碼是否一致。

除了以上幾種常見用法，input還有許多有用的屬性和方法，比如maxlength（限制輸入的最大長度）、readOnly（只讀模式）、type（表單元素類型）、focus（獲取焦點）等等。當我們需要處理用戶輸入數據時，可以隨時使用JavaScript中的input對表單元素進行操作。