Form

TsgcHTMLComponent_Form — un générateur de formulaires piloté par les données qui rend des formulaires Bootstrap 5 avec champs texte, select, case à cocher, radio, fichier, date et plage, validation, mises en page verticale/horizontale/en ligne et génération de formulaires par IA, en Delphi, C++ Builder et .NET.

En bref

TsgcHTMLComponent_Form

Un composant de formulaire qui construit un <form> Bootstrap à partir d'une collection Fields. Ajoutez des champs (ou liez un jeu de données), choisissez une mise en page, puis lisez la propriété HTML.

Classe du composant

TsgcHTMLComponent_Form

Produit

Du balisage <form> Bootstrap 5

Famille

Formulaires & Saisies

Langages

Delphi, C++ Builder, .NET

QuickStart

Créez-le, ajoutez des champs, affichez-le

Définissez Action, Method et Layout, ajoutez un ou plusieurs Fields, puis lisez HTML (ou intégrez-le dans une page 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

Référence

Propriétés & méthodes clés

Les membres que vous utilisez le plus souvent.

Fields

Fields est une collection de TsgcHTMLFormField ; appelez Fields.Add et définissez FieldType (ftText, ftEmail, ftSelect, ftCheckbox, ftRadio, ftFile, ftDate, ftRange et plus), Name, Label_, Value et Required.

Soumission

Action et Method (fmGet / fmPost) ciblent la soumission ; FormID identifie l'élément de formulaire.

Mise en page

Layout choisit flVertical, flHorizontal ou flInline ; LabelColWidth et FieldColWidth dimensionnent les colonnes d'une mise en page horizontale.

Boutons

SubmitText, SubmitStyle (un TsgcHTMLButtonStyle), ShowReset et ResetText contrôlent les boutons d'action.

Liaison de jeu de données

LoadFromDataSet(aDataSet) génère des champs à partir des colonnes d'une requête ; LoadValuesFromDataSet(aDataSet) remplit à nouveau les champs existants avec les valeurs de la ligne courante.

Générateur de formulaire IA

AIBuildEnabled et AIBuildPlaceholder ajoutent une barre d'invite ; BuildFromAIDescription(aDescription) déclenche OnAIBuildForm et LoadFieldsFromJSON(aJSON) remplit les champs à partir d'une définition JSON.

Ressources

Continuez l'exploration

	Tous les composants sgcHTMLParcourez la matrice complète des fonctionnalités de plus de 60 composants.	Ouvrir
	Télécharger la version d'essai gratuiteLa version d'essai de 30 jours fournit les projets de démonstration 60.HTML.	Ouvrir
	TarifsLicences Single, Team et Site avec code source complet.	Ouvrir