Form

TsgcHTMLComponent_Form — ein datengetriebener Formular-Builder, der Bootstrap-5-Formulare mit Text-, Auswahl-, Kontrollkästchen-, Radio-, Datei-, Datums- und Bereichsfeldern, Validierung, vertikalen/horizontalen/Inline-Layouts und KI-Formularerzeugung rendert, in Delphi, C++ Builder und .NET.

TsgcHTMLComponent_Form

Eine Formularkomponente, die ein Bootstrap-<form> aus einer Fields-Sammlung aufbaut. Fügen Sie Felder hinzu (oder binden Sie ein Dataset), wählen Sie ein Layout und lesen Sie dann die HTML-Eigenschaft.

Komponentenklasse

TsgcHTMLComponent_Form

Rendert

Bootstrap-5-<form>-Markup

Sprachen

Delphi, C++ Builder, .NET

Erstellen, Felder hinzufügen, rendern

Setzen Sie Action, Method und Layout, fügen Sie ein oder mehrere Fields hinzu und lesen Sie dann HTML (oder fügen Sie es in eine TsgcHTMLTemplate_Bootstrap-Seite ein).

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

Wichtige Eigenschaften & Methoden

Die Member, die Sie am häufigsten verwenden.

Fields

Fields ist eine Sammlung von TsgcHTMLFormField; rufen Sie Fields.Add auf und setzen Sie FieldType (ftText, ftEmail, ftSelect, ftCheckbox, ftRadio, ftFile, ftDate, ftRange und mehr), Name, Label_, Value und Required.

Absenden

Action und Method (fmGet / fmPost) bestimmen das Ziel des POST; FormID identifiziert das Formularelement.

Layout

Layout wählt flVertical, flHorizontal oder flInline; LabelColWidth und FieldColWidth bemessen die Spalten eines horizontalen Layouts.

Schaltflächen

SubmitText, SubmitStyle (ein TsgcHTMLButtonStyle), ShowReset und ResetText steuern die Aktionsschaltflächen.

Dataset-Bindung

LoadFromDataSet(aDataSet) erzeugt Felder aus den Spalten einer Abfrage; LoadValuesFromDataSet(aDataSet) füllt bestehende Felder mit den Werten der aktuellen Zeile neu.

KI-Formular-Builder

AIBuildEnabled und AIBuildPlaceholder ergänzen eine Prompt-Leiste; BuildFromAIDescription(aDescription) löst OnAIBuildForm aus und LoadFieldsFromJSON(aJSON) befüllt Felder aus einer JSON-Definition.

Aus eingefügtem Text befüllen

SmartPasteEnabled rendert eine Einfügezone über dem Formular. ProcessSmartPaste übergibt den Text mit den Feldnamen, Beschriftungen und Typen, aber ohne Wert des Formulars, an den AIAssistant, schreibt die Antwort nach Namen in die Felder und markiert sie als KI-befüllt; ClearAIFilled entfernt die Markierungen.

Weiter entdecken

Online-HilfeVollständige API-Referenz und Verwendungshandbuch für diese Komponente.
Alle sgcHTML-KomponentenDurchsuchen Sie die vollständige Funktionsmatrix von über 80 Komponenten.
Kostenlose Testversion herunterladenDie 30-Tage-Testversion enthält die 60.HTML-Demoprojekte.
PreiseSingle-, Team- und Site-Lizenzen mit vollständigem Quellcode.
Bestes Preis-Leistungs-Verhältnis: All-AccessAlle eSeGeCe-Produkte, inklusive Premium-Support, ab €1,059 pro Jahr.
All-Access-Preise ansehen

Bereit loszulegen?

Laden Sie die kostenlose Testversion herunter und beginnen Sie, Web-UIs in Delphi, C++ Builder und .NET zu erstellen.