html获取input的值

HTML获取input的值是通过使用JavaScript来实现的。以下是一个简单的示例代码，它演示了如何通过JavaScript获取input元素的值并将其显示在网页中。

HTML部分： ``` 输入框的值

```

JavaScript部分： ``` function getValue() { // 通过id获取input元素 var input = document.getElementById("myInput"); // 获取input元素的值 var value = input.value; // 将值显示在网页中的

元素中 document.getElementById("result").innerHTML = "输入框的值是：" + value; } ```

上述代码中，我们首先在HTML中定义了一个input元素和一个button按钮，然后使用JavaScript编写了一个函数getValue()。

在函数中，我们通过getElementById()方法获取了id为"myInput"的input元素，并将其赋值给变量input。然后，通过input.value获取了input元素的值，将其赋值给变量value。最后，使用innerHTML属性将"value"字符串和获取的值一起显示在id为"result"的

元素中。

当用户点击按钮时，JavaScript会调用getValue()函数，从而实现获取input元素的值并在网页上显示出来。

以上是一个简单的实现，你可以根据自己的需求和场景进行相应的修改和扩展。