西宁市建设网站公司电话西安做网站app

目录

代码⽰例: 使⽤ 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等标签~～让网页端用户输入数据，并且提交到服务器～～