InputGroup

TsgcHTMLComponent_InputGroup — affichez une saisie Bootstrap avec texte d'addon en préfixe et en suffixe (par exemple $….00 ou @username), en Delphi, C++ Builder et .NET.

En bref

TsgcHTMLComponent_InputGroup

Un composant de saisie qui émet un input-group Bootstrap avec texte d'addon optionnel en préfixe et en suffixe autour d'un form-control. Définissez les textes et la saisie, puis lisez la propriété HTML.

Classe du composant

TsgcHTMLComponent_InputGroup

Produit

Du balisage input-group Bootstrap 5

Famille

Formulaires & Saisies

Langages

Delphi, C++ Builder, .NET

QuickStart

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

Définissez PrependText/AppendText et les propriétés de la saisie, puis lisez HTML — ou appelez l'assistant statique Build pour une seule ligne.

uses
  sgcHTML_Enums, sgcHTML_Component_InputGroup;

var
  oGroup: TsgcHTMLComponent_InputGroup;
begin
  oGroup := TsgcHTMLComponent_InputGroup.Create(nil);
  try
    oGroup.PrependText := '$';
    oGroup.AppendText := '.00';
    oGroup.InputName := 'amount';
    oGroup.InputTypeEnum := itNumber;
    oGroup.Placeholder := '0';
    oGroup.Size := igsLarge;

    WebModule.Response := oGroup.HTML;   // <div class="input-group">...
  finally
    oGroup.Free;
  end;
end;

// Or the static one-liner (prepend, name, placeholder, append):
Result := TsgcHTMLComponent_InputGroup.Build('@', 'user', 'username');

// includes: sgcHTML_Enums.hpp, sgcHTML_Component_InputGroup.hpp

TsgcHTMLComponent_InputGroup *oGroup = new TsgcHTMLComponent_InputGroup(NULL);
try
{
  oGroup->PrependText = "$";
  oGroup->AppendText = ".00";
  oGroup->InputName = "amount";
  oGroup->InputTypeEnum = itNumber;
  oGroup->Placeholder = "0";
  oGroup->Size = igsLarge;

  String html = oGroup->HTML;   // <div class="input-group">...
}
__finally
{
  delete oGroup;
}

// Or the static one-liner:
String html = TsgcHTMLComponent_InputGroup::Build("@", "user", "username");

using esegece.sgcWebSockets;

var group = new TsgcHTMLComponent_InputGroup();
group.PrependText = "$";
group.AppendText = ".00";
group.InputName = "amount";
group.InputTypeEnum = TsgcHTMLInputType.itNumber;
group.Placeholder = "0";
group.Size = TsgcHTMLInputGroupSize.igsLarge;

string html = group.HTML;   // <div class="input-group">...

// Or the static one-liner:
string html2 = TsgcHTMLComponent_InputGroup.Build("@", "user", "username");

Référence

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

Les membres que vous utilisez le plus souvent.

Addons

PrependText rend un addon input-group-text en tête ; AppendText en rend un en fin. Laissez l'un ou l'autre vide pour l'omettre.

Saisie

InputName, InputValue et Placeholder remplissent le form-control interne ; InputType définit la chaîne brute du type HTML.

Type de saisie

InputTypeEnum (TsgcHTMLInputType) choisit itText, itEmail, itNumber, itPassword, itTel et plus sans coder à la main la chaîne de type.

Dimensionnement

Size (TsgcHTMLInputGroupSize) choisit igsDefault, igsSmall ou igsLarge pour ajouter le modificateur Bootstrap input-group-sm/-lg.

Assistant statique

Build(prepend, inputName, placeholder, append) — et une surcharge prenant un TsgcHTMLInputType — renvoie le balisage en une ligne sans gérer d'instance.

Sortie

HTML renvoie le <div> input-group complet ; GroupID définit son attribut id pour le script ou le style.

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