Form

TsgcHTMLComponent_Form — um construtor de formulários orientado a dados que renderiza formulários Bootstrap 5 com campos de texto, seleção, checkbox, rádio, arquivo, data e intervalo, validação, layouts vertical/horizontal/inline e geração de formulários por IA, em Delphi, C++ Builder e .NET.

TsgcHTMLComponent_Form

Um componente de formulário que constrói um <form> Bootstrap a partir de uma coleção Fields. Adicione campos (ou vincule um dataset), escolha um layout e então leia a propriedade HTML.

Classe do componente

TsgcHTMLComponent_Form

Renderiza

Markup <form> do Bootstrap 5

Linguagens

Delphi, C++ Builder, .NET

Crie, adicione campos, renderize

Defina Action, Method e Layout, adicione um ou mais Fields e então leia HTML (ou insira-o em uma página TsgcHTMLTemplate_Bootstrap).

uses
  sgcHTML_Enums, sgcHTML_Component_Form;

var
  oForm: TsgcHTMLComponent_Form;
  oField: TsgcHTMLFormField;
begin
  oForm := TsgcHTMLComponent_Form.Create(nil);
  try
    oForm.Action := '/contact';
    oForm.Method := fmPost;
    oForm.Layout := flVertical;
    oForm.SubmitText := 'Send';
    oForm.SubmitStyle := bsPrimary;
    oForm.ShowReset := True;

    oField := oForm.Fields.Add;
    oField.FieldType := ftText;
    oField.Name := 'name';
    oField.Label_ := 'Full name';
    oField.Required := True;

    oField := oForm.Fields.Add;
    oField.FieldType := ftEmail;
    oField.Name := 'email';
    oField.Label_ := 'Email';
    oField.Placeholder := 'you@example.com';

    WebModule.Response := oForm.HTML;   // Bootstrap <form> markup
  finally
    oForm.Free;
  end;
end;

// Or build the fields straight from a dataset:
oForm.LoadFromDataSet(qryCustomer);
// includes: sgcHTML_Enums.hpp, sgcHTML_Component_Form.hpp

TsgcHTMLComponent_Form *oForm = new TsgcHTMLComponent_Form(NULL);
try
{
  oForm->Action = "/contact";
  oForm->Method = fmPost;
  oForm->Layout = flVertical;
  oForm->SubmitText = "Send";
  oForm->SubmitStyle = bsPrimary;
  oForm->ShowReset = true;

  TsgcHTMLFormField *oField = oForm->Fields->Add();
  oField->FieldType = ftText;
  oField->Name = "name";
  oField->Label_ = "Full name";
  oField->Required = true;

  oField = oForm->Fields->Add();
  oField->FieldType = ftEmail;
  oField->Name = "email";
  oField->Label_ = "Email";
  oField->Placeholder = "you@example.com";

  String html = oForm->HTML;   // Bootstrap <form> markup
}
__finally
{
  delete oForm;
}
using esegece.sgcWebSockets;

var form = new TsgcHTMLComponent_Form();
form.Action = "/contact";
form.Method = TsgcHTMLFormMethod.fmPost;
form.Layout = TsgcHTMLFormLayout.flVertical;
form.SubmitText = "Send";
form.SubmitStyle = TsgcHTMLButtonStyle.bsPrimary;
form.ShowReset = true;

var field = form.Fields.Add();
field.FieldType = TsgcHTMLFieldType.ftText;
field.Name = "name";
field.Label_ = "Full name";
field.Required = true;

field = form.Fields.Add();
field.FieldType = TsgcHTMLFieldType.ftEmail;
field.Name = "email";
field.Label_ = "Email";
field.Placeholder = "you@example.com";

string html = form.HTML;   // Bootstrap <form> markup

Principais propriedades & métodos

Os membros que você usa com mais frequência.

Fields

Fields é uma coleção de TsgcHTMLFormField; chame Fields.Add e defina FieldType (ftText, ftEmail, ftSelect, ftCheckbox, ftRadio, ftFile, ftDate, ftRange e mais), Name, Label_, Value e Required.

Envio

Action e Method (fmGet / fmPost) definem o destino do envio; FormID identifica o elemento de formulário.

Layout

Layout escolhe flVertical, flHorizontal ou flInline; LabelColWidth e FieldColWidth dimensionam as colunas de um layout horizontal.

Botões

SubmitText, SubmitStyle (um TsgcHTMLButtonStyle), ShowReset e ResetText controlam os botões de ação.

Vinculação a dataset

LoadFromDataSet(aDataSet) gera campos a partir das colunas de uma consulta; LoadValuesFromDataSet(aDataSet) repreenche campos existentes com os valores do registro atual.

Construtor de formulários por IA

AIBuildEnabled e AIBuildPlaceholder adicionam uma barra de prompt; BuildFromAIDescription(aDescription) dispara OnAIBuildForm e LoadFieldsFromJSON(aJSON) popula os campos a partir de uma definição JSON.

Continue explorando

Todos os Componentes sgcHTMLExplore a matriz completa de recursos com mais de 60 componentes.
Baixar Versão de Avaliação GratuitaA avaliação de 30 dias inclui os projetos de demonstração 60.HTML.
PreçosLicenças Single, Team e Site com código-fonte completo.

Pronto para Começar?

Baixe a versão de avaliação gratuita e comece a construir UIs web em Delphi, C++ Builder e .NET.