Visão geral

TsgcHTMLComponent_InputGroup

Um componente de entrada que emite um input-group Bootstrap com texto de addon antes e depois opcional ao redor de um form-control. Defina os textos e a entrada e então leia a propriedade HTML.

Classe do componente

TsgcHTMLComponent_InputGroup

Renderiza

Markup input-group do Bootstrap 5

Família

Formulários & Entradas

Linguagens

Delphi, C++ Builder, .NET

QuickStart

Crie, adicione addons, renderize

Defina PrependText/AppendText e as propriedades da entrada e então leia HTML — ou chame o helper estático Build para uma linha única.

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

Referência

Principais propriedades & métodos

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

Addons

PrependText renderiza um addon input-group-text inicial; AppendText renderiza um final. Deixe qualquer um vazio para omiti-lo.

Entrada

InputName, InputValue e Placeholder populam o form-control interno; InputType define a string de tipo HTML bruta.

Tipo de entrada

InputTypeEnum (TsgcHTMLInputType) escolhe itText, itEmail, itNumber, itPassword, itTel e mais sem codificar manualmente a string de tipo.

Dimensionamento

Size (TsgcHTMLInputGroupSize) escolhe igsDefault, igsSmall ou igsLarge para adicionar o modificador Bootstrap input-group-sm/-lg.

Helper estático

Build(prepend, inputName, placeholder, append) — e uma sobrecarga que recebe um TsgcHTMLInputType — retorna o markup em uma linha sem gerenciar uma instância.

Saída

HTML retorna o <div> input-group completo; GroupID define seu atributo id para scripting ou estilização.

Recursos

Continue explorando

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

InputGroup