73常用控件_QFormLayout的使用
目录
代码⽰例: 使⽤ QFormLayout 创建表单.
除了上述的布局管理器之外, Qt 还提供了 QFormLayout , 属于是 QGridLayout 的特殊情况, 专
⻔⽤于实现两列表单的布局.
这种表单布局多⽤于让⽤⼾填写信息的场景. 左侧列为提⽰, 右侧列为输⼊框
代码⽰例: 使⽤ QFormLayout 创建表单.
1) 编写代码, 创建 QFormLayout , 以及三个 label 和三个 lineEdit
• 使⽤ addRow ⽅法来添加⼀⾏. 每⾏包含两个控件. 第⼀个控件固定是 QLabel / ⽂本, 第⼆个控件
则可以是任意控件.
• 如果把第⼀个参数填写为 NULL, 则什么都不显⽰

#include "widget.h"
#include "ui_widget.h"
#include <QLabel>
#include <QLineEdit>
#include <QPushButton>
#include <QFormLayout>Widget::Widget(QWidget *parent): QWidget(parent), ui(new Ui::Widget)
{ui->setupUi(this);// 设置成 3 行 2 列.QFormLayout* layout = new QFormLayout();this->setLayout(layout);// 创建 3 个 label 作为第一列QLabel* label1 = new QLabel("姓名");QLabel* label2 = new QLabel("年龄");QLabel* label3 = new QLabel("电话");// 创建 3 个 输入框 作为第二列QLineEdit* edit1 = new QLineEdit();QLineEdit* edit2 = new QLineEdit();QLineEdit* edit3 = new QLineEdit();// 把上述控件添加到表单布局中layout->addRow(label1, edit1);layout->addRow(label2, edit2);layout->addRow(label3, edit3);// 创建一个 "提交按钮"QPushButton* button = new QPushButton("提交");layout->addRow(nullptr, button);
}Widget::~Widget()
{delete ui;
}
2) 执⾏程序, 可以看到以下结果

前端中有一个form标签,搭配其他的input等标签~~让网页端用户输入数据,并且提交到服务器~~