InputGroup
TsgcHTMLComponent_InputGroup — 渲染一个带有前置和后置附加文本（例如 $….00 或 @username）的 Bootstrap 输入框，适用于 Delphi、C++ Builder 和 .NET。
TsgcHTMLComponent_InputGroup — 渲染一个带有前置和后置附加文本（例如 $….00 或 @username）的 Bootstrap 输入框，适用于 Delphi、C++ Builder 和 .NET。
一个输入组件，发出 Bootstrap input-group，在 form-control 周围带有可选的前置和后置附加文本。设置文本和输入框，然后读取 HTML 属性。
TsgcHTMLComponent_InputGroup
Bootstrap 5 input-group 标记
Delphi, C++ Builder, .NET
设置 PrependText/AppendText 和输入框属性，然后读取 HTML — 或调用静态 Build 辅助方法实现一行代码。
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");您最常使用的成员。
PrependText 渲染一个前置的 input-group-text 附加项；AppendText 渲染一个后置的。任一留空即可省略。
InputName、InputValue 和 Placeholder 填充内部的 form-control；InputType 设置原始 HTML 类型字符串。
InputTypeEnum（TsgcHTMLInputType）选择 itText、itEmail、itNumber、itPassword、itTel 等，无需手动编写类型字符串。
Size（TsgcHTMLInputGroupSize）选择 igsDefault、igsSmall 或 igsLarge，以添加 Bootstrap input-group-sm/-lg 修饰符。
Build(prepend, inputName, placeholder, append) — 以及一个接受 TsgcHTMLInputType 的重载 — 用一行代码返回标记，无需管理实例。
HTML 返回完整的 input-group <div>；GroupID 设置其 id 属性，用于脚本或样式。