在web开发中，表单是无法避免的部分。而javascript可以很好地为表单提供交互性和动态性。在这篇文章中，我们将探讨如何使用javascript为表单赋值。 赋值表单元素的方法有很多种，这里我们只介绍最常用的方法。 1. 通过id赋值 表单元素可以用id属性唯一标识，因此，我们可以使用document.getElementById()方法来获取表单元素，再使用.value属性来设定它们的值。例如：

<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>

上面的代码中，当用户点击“赋值”按钮时，会将id为“username”和“password”的文本框分别设为“Lucy”和“123456”。 2. 通过name赋值 除了id属性，表单元素还可以使用name属性，该属性通常用于提交表单的处理程序。我们可以通过使用document.getElementsByName()来获取表单元素，再用.value属性来赋值。例如：

<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>

上面的代码中，当用户点击“赋值”按钮时，会将name为“username”和“password”的文本框分别设为“Lucy”和“123456”。 3. 通过form元素赋值 如果一个表单中有多个元素，我们可以使用form元素获取所有表单元素。对于表单元素，我们可以通过表单元素的属性来访问。例如：

<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>

上面的代码中，当用户点击“赋值”按钮时，会将表单中 name为“username”和“password”的文本框分别设为“Lucy”和“123456”。 总结：以上三种方法都可以为表单元素提供值，最重要的一点是要清楚地知道表单元素的唯一标识。可以使用id或name属性获取这些标识符，再使用javascript赋值。通常情况下，使用id属性来获取比使用name属性更为方便。