Qt和HTML中的输入框进行数据交互,请给出完整的示例代码
时间: 2024-03-17 18:44:31 浏览: 68
QT+QListWidget实现列表数据查询代码示例+详细注释
以下是一个简单的示例代码,演示了如何在 Qt 和 HTML 中创建输入框并进行数据交互。
Qt 示例代码:
```cpp
// main.cpp
#include <QApplication>
#include <QWidget>
#include <QVBoxLayout>
#include <QLineEdit>
#include <QDebug>
int main(int argc, char *argv[])
{
QApplication app(argc, argv);
QWidget window;
QVBoxLayout *layout = new QVBoxLayout(&window);
QLineEdit *lineEdit = new QLineEdit(&window);
layout->addWidget(lineEdit);
QObject::connect(lineEdit, &QLineEdit::textChanged, [&]() {
qDebug() << "Qt input:" << lineEdit->text();
});
window.show();
return app.exec();
}
```
HTML 示例代码:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Input Example</title>
</head>
<body>
<input type="text" id="myInput" />
<script>
const input = document.getElementById("myInput");
input.addEventListener("input", () => {
console.log("HTML input:", input.value);
});
</script>
</body>
</html>
```
这两个示例代码都创建了一个文本输入框,并在输入框中输入文本时打印出输入的内容。需要注意的是,Qt 代码需要使用 Qt Creator 或者手动将代码编译为可执行文件才能运行,而 HTML 代码可以直接在浏览器中打开查看效果。
阅读全文