在網頁開發過程中，常常需要通過JavaScript來修改頁面上的輸入框(如元素)的值。修改輸入框的值可以起到多種作用，如自動填充、驗證輸入內容等。 在JavaScript中，可以使用document對象的getElementById方法或querySelector方法來獲取頁面上的輸入框元素。通過獲取到的元素，就可以使用其value屬性來獲取或設置輸入框的值。 例如，下面的代碼演示了如何獲取一個id為"username"的輸入框元素，并將其值設為"admin"：

var usernameInput = document.getElementById("username");
usernameInput.value = "admin";

如果頁面上有多個符合條件的元素，querySelector方法則可以根據CSS選擇器來獲取指定元素。例如，下面的代碼演示了如何獲取一個class為"email"的第一個輸入框元素，并將其值設為"example@example.com"：

var emailInput = document.querySelector(".email");
emailInput.value = "example@example.com";

不僅如此，輸入框的值也可以根據用戶的操作進行自動修改。例如，文本框的值可以在輸入文字時自動變化，或者在用戶提交表單時被自動修改。 下面的代碼演示了如何在用戶每次在一個id為"password"的輸入框中輸入字符時，自動在另一個id為"confirm-password"的輸入框中填入相同的字符：

var passwordInput = document.getElementById("password");
var confirmPasswordInput = document.getElementById("confirm-password");
passwordInput.addEventListener("input", function() {
confirmPasswordInput.value = passwordInput.value;
});

當用戶在"password"輸入框中輸入文字時，input事件會被觸發。該事件會執行一個函數，將"value"屬性設置為密碼輸入框的值。從而實現了自動填入確認密碼的需求。 總之，在JavaScript中，通過獲取頁面上的輸入框元素并設置其"value"屬性，可以修改輸入框的值，實現多種功能。我們可以使用事件監聽器等技術，通過頁面上的交互行為，來自動修改輸入框的值。