當我們在HTML中使用表單元素時，可能會遇到需要javascript來操作表單元素的情況。而表單元素又可能會有多個，那么我們如何用javascript來區分不同的表單元素呢？這就要應用到form元素的name屬性了。

通過為form元素添加name屬性，可以在javascript中輕松地識別和操作不同的表單元素。下面是一個簡單的例子：

<form name="myForm"><input type="text" name="name"><input type="submit"></form><script>var form = document.forms["myForm"];
var nameInput = form.elements["name"];
nameInput.value = "John";
</script>

在上面的例子中，我們為form元素添加了name屬性，值為"myForm"。然后用javascript獲取了這個form對象，并通過elements屬性獲取了name屬性值為"name"的input元素，并將其值設置為"John"。

需要注意的是，當我們使用form的name屬性獲取表單元素時，返回的是一個form對象。我們可以通過這個對象中的elements屬性來獲取不同的表單元素。下面是一個獲取表單中所有input元素的例子：

<form name="myForm"><input type="text" name="name"><input type="email" name="email"><input type="submit"></form><script>var form = document.forms["myForm"];
var inputs = form.getElementsByTagName("input");
for (var i = 0; i < inputs.length; i++) {
console.log(inputs[i].name);
}
</script>

在這個例子中，我們獲取了表單中所有的input元素，并通過for循環遍歷輸出了它們的name屬性值。

除了在javascript中通過form的name屬性獲取表單元素之外，我們還可以給每個表單元素單獨添加name屬性。在這種情況下，在javascript中獲取表單元素時，可以直接使用元素的name屬性，而不需要通過form元素來獲取。

<form><input type="text" name="name"><input type="email" name="email"><input type="submit"></form><script>var nameInput = document.getElementsByName("name")[0];
var emailInput = document.getElementsByName("email")[0];
nameInput.value = "John";
emailInput.value = "john@example.com";
</script>

在上面的例子中，我們沒有給form元素添加name屬性，而是直接給每個表單元素單獨添加了name屬性。然后在javascript中，我們使用了getElementsByName方法來獲取name屬性值為"name"和"email"的input元素，并將它們的值分別設置為"John"和"john@example.com"。

總的來說，使用form name屬性能夠讓我們更方便地在javascript中操作不同的表單元素，提高開發效率。需要注意的是，當表單元素的name屬性值重復時，它們會被視為同一個元素，應當避免這種情況的出現。