首先，javascript 是用來操作網頁上的元素的編程語言，其中一個最常用的應用是獲取表單元素的值。通過使用 javascript，可以輕松地獲取表單中的輸入數據，并對其進行驗證、處理和提交。
舉一個簡單的例子，如果我們有這樣一個表單：

<form>
<label>用戶名:</label>
<input type="text" name="username">
<label>密碼:</label>
<input type="password" name="password">
<button type="submit">提交</button>
</form>

我們可以通過以下代碼來獲取表單元素的值：

const form = document.querySelector('form');
const inputs = form.elements;
const username = inputs.username.value;
const password = inputs.password.value;

在這個例子中，我們首先通過 document.querySelector() 來獲取表單，然后通過 form.elements 來獲取表單元素的集合，在這個集合中，我們可以通過元素的 name 屬性來訪問它們的值。
如果我們想在用戶提交表單時驗證輸入數據，我們可以通過以下代碼來進行：

form.addEventListener('submit', function(event) {
const usernameValue = inputs.username.value.trim();
const passwordValue = inputs.password.value.trim();
if (!usernameValue || !passwordValue) {
event.preventDefault();
alert('請填寫完整的用戶名和密碼！');
}
});

在這個例子中，我們首先通過 addEventListener() 來給表單添加提交事件的監聽器。在這個監聽器中，我們通過 .trim() 方法來去除用戶輸入數據中的空格，并判斷是否為空。如果為空，我們通過 event.preventDefault() 來阻止表單的提交，并彈出一個提示框來提醒用戶。
另外，如果表單中有多個輸入框，我們可以通過以下代碼來獲取它們的值：

const form = document.querySelector('form');
const inputs = form.elements;
const values = {};
for (let i = 0; i < inputs.length; i++) {
const input = inputs[i];
if (input.type !== 'submit') {
values[input.name] = input.value;
}
}

在這個例子中，我們首先定義了一個空對象 values 來存儲輸入框的值，然后通過 for 循環來遍歷 inputs 集合中的每一個元素。在每一次遍歷中，我們通過 input.type 來判斷該元素是否是 submit 按鈕，如果不是，則將它的 name 和 value 存儲到 values 對象中。
在以上的例子中，我們只是簡單地獲取了表單中的輸入數據，并進行了一些簡單的處理和驗證。但在實際應用中，我們可能需要更多的操作，比如表單的序列化、提交和回顯等。但不管是什么應用場景，javascript 都可以幫助我們輕松地獲取表單元素的值，并進行相應的操作。