如何从甜蜜警报的文本框中获取值

在Web开发中，获取HTML表单元素（如文本框）的值是一个常见的任务。以下是一些基础概念和相关方法：

基础概念

DOM（文档对象模型）：DOM是HTML和XML文档的编程接口。它提供了对文档的结构化的表示，并定义了访问和操作文档的方式。
表单元素：HTML中的<input>、<textarea>、<select>等元素用于创建用户输入表单。

获取文本框值的方法

使用JavaScript

你可以使用JavaScript来获取文本框的值。以下是几种常见的方法：

方法一：通过ID获取

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Get Textbox Value</title>
</head>
<body>
    <input type="text" id="sweetAlertTextbox" placeholder="Enter something">
    <button onclick="getValue()">Get Value</button>

    <script>
        function getValue() {
            var textboxValue = document.getElementById('sweetAlertTextbox').value;
            console.log(textboxValue);
        }
    </script>
</body>
</html>

方法二：通过事件监听

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Get Textbox Value</title>
</head>
<body>
    <input type="text" id="sweetAlertTextbox" placeholder="Enter something">
    <button id="getValueButton">Get Value</button>

    <script>
        document.getElementById('getValueButton').addEventListener('click', function() {
            var textboxValue = document.getElementById('sweetAlertTextbox').value;
            console.log(textboxValue);
        });
    </script>
</body>
</html>

方法三：使用jQuery（如果项目中已经引入了jQuery库）

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Get Textbox Value</title>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
    <input type="text" id="sweetAlertTextbox" placeholder="Enter something">
    <button id="getValueButton">Get Value</button>

    <script>
        $(document).ready(function() {
            $('#getValueButton').click(function() {
                var textboxValue = $('#sweetAlertTextbox').val();
                console.log(textboxValue);
            });
        });
    </script>
</body>
</html>