InputGroup

TsgcHTMLComponent_InputGroup — rendert eine Bootstrap-Eingabe mit voran- und nachgestelltem Addon-Text (zum Beispiel $….00 oder @username), in Delphi, C++ Builder und .NET.

Auf einen Blick

TsgcHTMLComponent_InputGroup

Eine Eingabekomponente, die eine Bootstrap-input-group mit optionalem voran- und nachgestelltem Addon-Text um ein form-control herum ausgibt. Setze die Texte und die Eingabe, dann lies die Eigenschaft HTML.

Komponentenklasse

TsgcHTMLComponent_InputGroup

Rendert

Bootstrap-5-input-group-Markup

Familie

Formulare & Eingaben

Sprachen

Delphi, C++ Builder, .NET

QuickStart

Erstellen, Addons hinzufügen, rendern

Setze PrependText/AppendText und die Eingabe-Eigenschaften, dann lies HTML — oder rufe die statische Build-Hilfsmethode für einen Einzeiler auf.

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");

Referenz

Wichtige Eigenschaften & Methoden

Die Member, die du am häufigsten brauchst.

Addons

PrependText rendert ein führendes input-group-text-Addon; AppendText rendert ein nachgestelltes. Lass eines leer, um es wegzulassen.

Eingabe

InputName, InputValue und Placeholder füllen das innere form-control; InputType setzt den rohen HTML-Typ-String.

Eingabetyp

InputTypeEnum (TsgcHTMLInputType) wählt itText, itEmail, itNumber, itPassword, itTel und mehr, ohne den Typ-String von Hand zu schreiben.

Größe

Size (TsgcHTMLInputGroupSize) wählt igsDefault, igsSmall oder igsLarge, um den Bootstrap-Modifikator input-group-sm/-lg hinzuzufügen.

Statische Hilfsmethode

Build(prepend, inputName, placeholder, append) — und eine Überladung mit einem TsgcHTMLInputType — liefert das Markup in einer Zeile, ohne eine Instanz zu verwalten.

Ausgabe

HTML liefert das vollständige input-group-<div>; GroupID setzt dessen id-Attribut für Skripting oder Styling.

Ressourcen

Weiter entdecken

	Alle sgcHTML-KomponentenDurchstöbere die vollständige Funktionsmatrix mit über 60 Komponenten.	Öffnen
	Kostenlose Testversion herunterladenDie 30-Tage-Testversion enthält die 60.HTML-Demoprojekte.	Öffnen
	PreiseSingle-, Team- und Site-Lizenzen mit vollständigem Quellcode.	Öffnen