html如何获取方框内的值

admin
行业动态
2024-04-06
1

要获取HTML方框内的值，可以使用JavaScript，以下是一个简单的示例：

1、创建一个HTML文件，包含一个输入框（input）和一个按钮（button），当用户点击按钮时，将触发一个JavaScript函数，该函数将获取输入框的值并将其显示在控制台中。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF8">
    <meta name="viewport" content="width=devicewidth, initialscale=1.0">
    <title>获取方框内的值</title>
</head>
<body>
    <input type="text" id="myInput" placeholder="请输入内容">
    <button onclick="getValue()">获取值</button>
    <script>
        function getValue() {
            var inputValue = document.getElementById("myInput").value;
            console.log("输入框内的值为：", inputValue);
        }
    </script>
</body>
</html>

2、在这个示例中，我们使用getElementById方法获取ID为myInput的输入框元素，然后使用value属性获取其值，我们将值打印到控制台中。

3、保存上述代码到一个HTML文件中，然后在浏览器中打开它，在输入框中输入一些文本，然后点击“获取值”按钮，你应该能在浏览器的控制台中看到输入框内的值。