Edit

TsgcHTMLComponent_Edit — un champ de saisie de texte sur une ligne avec libellé, texte d'aide, type de saisie et liaison aux jeux de données qui rend un form-control Bootstrap 5, en Delphi, C++ Builder et .NET.

TsgcHTMLComponent_Edit

Un champ de saisie de texte autonome qui émet un <input> Bootstrap libellé. Définissez le nom, le libellé et le type de saisie, puis lisez la propriété HTML. Il est fourni dans la même unité que les saisies sœurs Memo, CheckBox et RadioGroup.

Classe du composant

TsgcHTMLComponent_Edit

Produit

Saisie form-control Bootstrap 5

Langages

Delphi, C++ Builder, .NET

Créez-le, configurez-le, affichez-le

Définissez Name, Label_, InputType et un Placeholder, puis lisez HTML (ou intégrez-le dans une page TsgcHTMLTemplate_Bootstrap).

uses
  sgcHTML_Enums, sgcHTML_Component_Edit;

var
  oEdit: TsgcHTMLComponent_Edit;
begin
  oEdit := TsgcHTMLComponent_Edit.Create(nil);
  try
    oEdit.Name := 'email';
    oEdit.Label_ := 'Email address';
    oEdit.InputType := itEmail;
    oEdit.Placeholder := 'you@example.com';
    oEdit.HelpText := 'We never share it.';
    oEdit.Required := True;

    WebModule.Response := oEdit.HTML;   // Bootstrap form-control
  finally
    oEdit.Free;
  end;
end;

// Or bind it to a dataset field:
oEdit.DataField := 'Email';
oEdit.DataSource := dsCustomer;
// includes: sgcHTML_Enums.hpp, sgcHTML_Component_Edit.hpp

TsgcHTMLComponent_Edit *oEdit = new TsgcHTMLComponent_Edit(NULL);
try
{
  oEdit->Name = "email";
  oEdit->Label_ = "Email address";
  oEdit->InputType = itEmail;
  oEdit->Placeholder = "you@example.com";
  oEdit->HelpText = "We never share it.";
  oEdit->Required = true;

  String html = oEdit->HTML;   // Bootstrap form-control
}
__finally
{
  delete oEdit;
}
using esegece.sgcWebSockets;

var edit = new TsgcHTMLComponent_Edit();
edit.Name = "email";
edit.Label_ = "Email address";
edit.InputType = TsgcHTMLInputType.itEmail;
edit.Placeholder = "you@example.com";
edit.HelpText = "We never share it.";
edit.Required = true;

string html = edit.HTML;   // Bootstrap form-control

Propriétés & méthodes clés

Les membres que vous utilisez le plus souvent.

Identité

Name définit le nom du champ, Label_ la légende visible et EditID l'identifiant de l'élément (par défaut edit_<Name>).

Valeur & indication

Value amorce le champ, Placeholder affiche un texte fantôme et HelpText ajoute une indication form-text Bootstrap sous le champ.

Type de saisie

InputType est un TsgcHTMLInputTypeitText, itEmail, itPassword, itNumber, itTel, itURL, itDate, itColor, itRange, itFile et plus.

État

Required, Disabled et ReadOnly marquent le champ pour la validation et l'édition.

Liaison de jeu de données

DataField associé à un DataSource affecté remplit Value à partir de l'enregistrement courant.

Sortie & sœurs

HTML renvoie le form-control libellé. La même unité déclare les saisies sœurs TsgcHTMLComponent_Memo, TsgcHTMLComponent_CheckBox et TsgcHTMLComponent_RadioGroup.

Continuez l'exploration

Tous les composants sgcHTMLParcourez la matrice complète des fonctionnalités de plus de 60 composants.
Télécharger la version d'essai gratuiteLa version d'essai de 30 jours fournit les projets de démonstration 60.HTML.
TarifsLicences Single, Team et Site avec code source complet.

Prêt à démarrer ?

Téléchargez la version d'essai gratuite et commencez à créer des interfaces web en Delphi, C++ Builder et .NET.