JavaScript中input的值使用十分广泛，比如在表单验证、数据交互、动态修改内容等场景中都是常见的操作。在这篇文章中，我们将重点介绍如何使用JavaScript获取和设置input的值，同时结合实例进行详细讲解。 首先我们来看如何获取input的值。我们可以使用document.getElementById()方法获取input的DOM元素，而input的值则可以通过DOM元素的value属性来获取。例如下面的代码将获取输入框中的值并弹出：

<input type="text" id="myInput">
<button onclick="getValue()">获取值</button>
<script>
function getValue() {
var inputValue = document.getElementById("myInput").value;
alert(inputValue);
}
</script>

在上面的代码中，我们通过函数getValue()获取并弹出了输入框中的值。需要注意的是，每次获取input的值时最好先判断该输入框是否已经填写，否则在空输入框时会弹出undefined的结果。 接下来我们将重点介绍如何设置input的值。与获取input的值类似，我们同样可以使用DOM元素的value属性来设置输入框的值。例如下面的代码将在输入框中自动填入内容：

<input type="text" id="myInput">
<button onclick="setValue()">设置值</button>
<script>
function setValue() {
document.getElementById("myInput").value = "自动填充的内容";
}
</script>

在上面的代码中，我们通过函数setValue()设置了输入框中的值为“自动填充的内容”。同样需要注意的是，每次设置input的值时最好先判断该输入框是否已经存在，否则容易出现错误。 除了直接设置value属性外，我们还可以通过form元素的reset()方法来清空input的值。例如下面的代码将点击按钮时清空输入框中的值：

<form id="myForm">
<input type="text" id="myInput">
</form>
<button onclick="resetValue()">清空值</button>
<script>
function resetValue() {
document.getElementById("myForm").reset();
}
</script>

在上面的代码中，我们通过点击按钮来触发resetValue()函数，从而使用reset()方法清空输入框中的值。需要注意的是，reset()方法并不仅限于清空input的值，而是可以清空整个表单的值。 最后，我们还可以结合正则表达式来对input的值进行验证。例如下面的代码将验证输入框中的值是否为数字：

<input type="text" id="myInput">
<button onclick="checkValue()">验证值</button>
<script>
function checkValue() {
var inputValue = document.getElementById("myInput").value;
var regExp = /^[0-9]+$/;
if (regExp.test(inputValue)) {
alert("输入正确！");
} else {
alert("输入错误，请重新输入数字！");
}
}
</script>

在上面的代码中，我们通过正则表达式/^[0-9]+$/来判断输入框中是否为数字。如果是数字则弹出“输入正确！”的提示框，否则弹出“输入错误，请重新输入数字！”的提示框。 综上所述，使用JavaScript获取和设置input的值是非常常见的操作之一。通过本文的讲解，读者可以更好地掌握如何使用JavaScript进行input操作并加以运用。