<input type="text" id="username" name="username" value="">以上代码是一个文本输入框，我们可以通过JavaScript来获取它的value：
var username = document.getElementById("username").value;
console.log(username);
在用户输入内容后，console将会显示用户输入的值。这就是通过JavaScript获取input的value的方法。
除了文本输入框，input还有许多其他类型，例如单选框、复选框、下拉框等等。在使用input时，我们只需要知道它的type，就能够获取它的value。
例如以下HTML代码中有一个单选框：
<input type="radio" name="sex" value="男">男 <input type="radio" name="sex" value="女">女通过JavaScript来获取单选框的value，只需判断哪一个单选框被选中：
var sexs = document.getElementsByName("sex");
for (var i = 0; i < sexs.length; i++) {
if (sexs[i].checked) {
console.log(sexs[i].value);
}
}
以上代码将会获取用户选择的男/女，并输出到console面板上。
除了获取input的value，我们还可以通过JavaScript来设置input的value。例如以下HTML代码中的一个文本输入框：
<input type="text" id="username" name="username" value="">通过JavaScript来设置input的value，只需要直接修改它的value属性即可：
document.getElementById("username").value = "hello world";
以上代码将会把文本输入框的value设置为“hello world”。
在实际开发中，我们也经常需要对用户的输入进行验证，例如限制输入的字符长度、判断输入是否合法等等。在这些情况下，我们同样可以使用JavaScript来实现。
例如以下代码中有一个文本输入框：
<input type="text" id="username" name="username" value="">我们希望用户输入的字符不超过10个，那么可以通过JavaScript来判断它的value长度是否超出：
var username = document.getElementById("username").value;
if (username.length > 10) {
// 超出限制
}
以上代码将会判断输入的字符长度是否超出10个。
总的来说，通过JavaScript获取input的value是非常重要的，它能够帮助我们获取到用户输入的内容，并进行后续操作。同时，设置input的value以及对用户输入进行验证也是我们常用的技巧。只要熟练掌握，就能够轻松应对各种场景。
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [email protected] 举报，一经查实，本站将立刻删除。
