如何html获取input的值

在HTML中，我们可以通过JavaScript来获取input的值，以下是一个简单的示例：

1、我们需要创建一个HTML文件，其中包含一个input元素和一个按钮，当用户点击按钮时，我们将使用JavaScript来获取input的值。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF8">
    <meta name="viewport" content="width=devicewidth, initialscale=1.0">
    <title>获取input值示例</title>
</head>
<body>
    <table border="1">
        <tr>
            <td>操作</td>
            <td><button onclick="getInputValue()">获取输入值</button></td>
        </tr>
        <tr>
            <td>输入值</td>
            <td><input type="text" id="inputValue"></td>
        </tr>
    </table>
    <script>
        function getInputValue() {
            var inputElement = document.getElementById("inputValue");
            var inputValue = inputElement.value;
            alert("输入值为： " + inputValue);
        }
    </script>
</body>
</html>

在这个示例中，我们创建了一个包含两个单元格的表格，第一个单元格包含一个按钮，当用户点击该按钮时，将调用getInputValue函数，第二个单元格包含一个input元素，用户可以在其中输入文本。

getInputValue函数通过document.getElementById方法获取input元素的引用，然后使用value属性获取其值，我们使用alert函数显示输入的值。