Login
TsgcHTMLComponent_Login — ein fertiges Anmeldeformular mit Benutzername, Passwort, Angemeldet-bleiben und Fehler-/Erfolgshinweisen, dargestellt als Karte, zentriertes oder ganzseitiges Layout, in Delphi, C++ Builder und .NET.
TsgcHTMLComponent_Login — ein fertiges Anmeldeformular mit Benutzername, Passwort, Angemeldet-bleiben und Fehler-/Erfolgshinweisen, dargestellt als Karte, zentriertes oder ganzseitiges Layout, in Delphi, C++ Builder und .NET.
Eine einsatzfertige Anmeldekomponente, die ein Bootstrap-5-Formular ausgibt. Setzen Sie Aktion, Beschriftungen und Stil, fügen Sie optional ein Logo und einen Fußzeilenlink hinzu und lesen Sie dann die HTML-Eigenschaft — oder rufen Sie GetFullPageHTML für ein vollständiges Dokument auf.
TsgcHTMLComponent_Login
Bootstrap-5-Anmeldeformular-Markup
Delphi, C++ Builder, .NET
Setzen Sie FormAction, die Beschriftungen und LoginStyle und lesen Sie dann HTML — oder rufen Sie GetFullPageHTML auf, um ein vollständiges HTML-Dokument auszugeben.
uses
sgcHTML_Enums, sgcHTML_Component_Login;
var
oLogin: TsgcHTMLComponent_Login;
begin
oLogin := TsgcHTMLComponent_Login.Create(nil);
try
oLogin.FormAction := '/login';
oLogin.FormMethod := 'POST';
oLogin.Title := 'Sign in';
oLogin.UserLabel := 'Email';
oLogin.PasswordLabel := 'Password';
oLogin.ShowRememberMe := True;
oLogin.LoginStyle := lsFullPage;
oLogin.ButtonStyleEnum := bsPrimary;
oLogin.SetLogoText('Acme Inc.');
oLogin.SetFooterText('Forgot your password?');
WebModule.Response := oLogin.HTML; // Bootstrap login form
finally
oLogin.Free;
end;
end;
// Or emit a full standalone HTML document (with the Bootstrap links):
oLogin.BootstrapCSSPath := '/bootstrap.min.css';
Response := oLogin.GetFullPageHTML('Sign in — Acme');// includes: sgcHTML_Enums.hpp, sgcHTML_Component_Login.hpp
TsgcHTMLComponent_Login *oLogin = new TsgcHTMLComponent_Login(NULL);
try
{
oLogin->FormAction = "/login";
oLogin->FormMethod = "POST";
oLogin->Title = "Sign in";
oLogin->UserLabel = "Email";
oLogin->PasswordLabel = "Password";
oLogin->ShowRememberMe = true;
oLogin->LoginStyle = lsFullPage;
oLogin->ButtonStyleEnum = bsPrimary;
oLogin->SetLogoText("Acme Inc.");
oLogin->SetFooterText("Forgot your password?");
String html = oLogin->HTML; // Bootstrap login form
// Or a full standalone document:
String page = oLogin->GetFullPageHTML("Sign in");
}
__finally
{
delete oLogin;
}using esegece.sgcWebSockets;
var login = new TsgcHTMLComponent_Login();
login.FormAction = "/login";
login.FormMethod = "POST";
login.Title = "Sign in";
login.UserLabel = "Email";
login.PasswordLabel = "Password";
login.ShowRememberMe = true;
login.LoginStyle = TsgcHTMLLoginStyle.lsFullPage;
login.ButtonStyleEnum = TsgcHTMLButtonStyle.bsPrimary;
login.SetLogoText("Acme Inc.");
login.SetFooterText("Forgot your password?");
string html = login.HTML; // Bootstrap login form
// Or a full standalone document:
string page = login.GetFullPageHTML("Sign in");Die Member, die Sie am häufigsten verwenden.
FormAction und FormMethod legen fest, wohin das Formular sendet; FormID benennt es. Das Formular sendet stets username, password und (optional) remember.
Title, Subtitle, UserLabel, PasswordLabel, UserPlaceholder, PasswordPlaceholder und ButtonText steuern die Texte.
LoginStyle wählt lsCard, lsCentered oder lsFullPage; ButtonStyleEnum, MaxWidth, MinHeight, BackgroundClass und CSSClass passen das Aussehen an.
ShowRememberMe ergänzt das Kontrollkästchen; ErrorMessage und SuccessMessage rendern Gefahr-/Erfolgs-Hinweise über dem Formular.
SetLogoText(aText) und SetFooterText(aText) sind schnelle Helfer; LogoHTML, FooterHTML, FooterLinkText und FooterLinkURL geben volle Kontrolle.
HTML gibt das Formular-Markup zurück. GetFullPageHTML(const aPageTitle) gibt ein vollständiges HTML-Dokument aus und verlinkt BootstrapCSSPath und BootstrapJSPath.
| Alle sgcHTML-KomponentenDurchsuchen Sie die vollständige Funktionsmatrix von ü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 |