InputGroup
TsgcHTMLComponent_InputGroup — Delphi, C++ Builder 및 .NET에서 앞/뒤 추가 텍스트(예: $….00 또는 @username)를 갖춘 Bootstrap 입력을 렌더링합니다.
TsgcHTMLComponent_InputGroup — Delphi, C++ Builder 및 .NET에서 앞/뒤 추가 텍스트(예: $….00 또는 @username)를 갖춘 Bootstrap 입력을 렌더링합니다.
form-control 주위에 선택적 앞/뒤 추가 텍스트가 있는 Bootstrap input-group을 내보내는 입력 컴포넌트입니다. 텍스트와 입력을 설정한 다음, 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)는 Bootstrap input-group-sm/-lg 수정자를 추가하기 위해 igsDefault, igsSmall 또는 igsLarge를 선택합니다.
Build(prepend, inputName, placeholder, append) — 그리고 TsgcHTMLInputType을 받는 오버로드 — 는 인스턴스를 관리하지 않고 한 줄로 마크업을 반환합니다.
HTML은 완전한 input-group <div>를 반환합니다. GroupID는 스크립팅 또는 스타일링을 위해 그 id 속성을 설정합니다.