在web開(kāi)發(fā)中，表單是無(wú)法避免的部分。而javascript可以很好地為表單提供交互性和動(dòng)態(tài)性。在這篇文章中，我們將探討如何使用javascript為表單賦值。 賦值表單元素的方法有很多種，這里我們只介紹最常用的方法。 1. 通過(guò)id賦值 表單元素可以用id屬性唯一標(biāo)識(shí)，因此，我們可以使用document.getElementById()方法來(lái)獲取表單元素，再使用.value屬性來(lái)設(shè)定它們的值。例如：

<form><input type="text" id="username"><input type="text" id="password"><button onclick="setValues()">賦值</button></form><script>function setValues() {
document.getElementById("username").value = "Lucy";
document.getElementById("password").value = "123456";
}
</script>

上面的代碼中，當(dāng)用戶點(diǎn)擊“賦值”按鈕時(shí)，會(huì)將id為“username”和“password”的文本框分別設(shè)為“Lucy”和“123456”。 2. 通過(guò)name賦值 除了id屬性，表單元素還可以使用name屬性，該屬性通常用于提交表單的處理程序。我們可以通過(guò)使用document.getElementsByName()來(lái)獲取表單元素，再用.value屬性來(lái)賦值。例如：

<form><input type="text" name="username"><input type="text" name="password"><button onclick="setValues()">賦值</button></form><script>function setValues() {
var userName = document.getElementsByName("username");
var passWord = document.getElementsByName("password");
userName[0].value = "Lucy";
passWord[0].value = "123456";
}
</script>

上面的代碼中，當(dāng)用戶點(diǎn)擊“賦值”按鈕時(shí)，會(huì)將name為“username”和“password”的文本框分別設(shè)為“Lucy”和“123456”。 3. 通過(guò)form元素賦值 如果一個(gè)表單中有多個(gè)元素，我們可以使用form元素獲取所有表單元素。對(duì)于表單元素，我們可以通過(guò)表單元素的屬性來(lái)訪問(wèn)。例如：

<form><input type="text" name="username"><input type="text" name="password"><button onclick="setValues()">賦值</button></form><script>function setValues() {
var myForm = document.forms[0];
myForm.username.value = "Lucy";
myForm.password.value = "123456";
}
</script>

上面的代碼中，當(dāng)用戶點(diǎn)擊“賦值”按鈕時(shí)，會(huì)將表單中 name為“username”和“password”的文本框分別設(shè)為“Lucy”和“123456”。 總結(jié)：以上三種方法都可以為表單元素提供值，最重要的一點(diǎn)是要清楚地知道表單元素的唯一標(biāo)識(shí)。可以使用id或name屬性獲取這些標(biāo)識(shí)符，再使用javascript賦值。通常情況下，使用id屬性來(lái)獲取比使用name屬性更為方便。