Edit

TsgcHTMLComponent_Edit — un campo di testo a riga singola con etichetta, testo di aiuto, tipo di input e binding ai dataset che renderizza un form-control Bootstrap 5, in Delphi, C++ Builder e .NET.

TsgcHTMLComponent_Edit

Un campo di testo autonomo che emette un <input> Bootstrap con etichetta. Imposta il nome, l’etichetta e il tipo di input, quindi leggi la proprietà HTML. È distribuito nella stessa unit dei campi affini Memo, CheckBox e RadioGroup.

Classe del componente

TsgcHTMLComponent_Edit

Renderizza

Bootstrap 5 form-control input

Famiglia

Moduli e Campi

Linguaggi

Delphi, C++ Builder, .NET

Crealo, configuralo, renderizzalo

Imposta Name, Label_, InputType e un Placeholder, quindi leggi HTML (oppure inseriscilo in una pagina 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

Proprietà e metodi principali

I membri che utilizzerai più spesso.

Identità

Name imposta il nome del campo, Label_ la didascalia visibile e EditID l’id dell’elemento (il valore predefinito è edit_<Name>).

Valore e suggerimento

Value inizializza l’input, Placeholder mostra il testo segnaposto e HelpText aggiunge un suggerimento Bootstrap form-text sotto il campo.

Tipo di input

InputType è un TsgcHTMLInputTypeitText, itEmail, itPassword, itNumber, itTel, itURL, itDate, itColor, itRange, itFile e altri.

Stato

Required, Disabled e ReadOnly contrassegnano l’input per la validazione e la modifica.

Binding ai dataset

DataField insieme a un DataSource assegnato riempie Value dal record corrente.

Output e campi affini

HTML restituisce il form-control con etichetta. La stessa unit dichiara i campi affini TsgcHTMLComponent_Memo, TsgcHTMLComponent_CheckBox e TsgcHTMLComponent_RadioGroup.

Continua a esplorare

Tutti i componenti sgcHTMLEsplora la matrice completa delle funzionalità di oltre 60 componenti.
Scarica la Prova GratuitaLa prova di 30 giorni include i progetti demo 60.HTML.
PrezziLicenze Single, Team e Site con codice sorgente completo.

Pronto a Iniziare?

Scarica la versione di prova gratuita e inizia a creare interfacce web in Delphi, C++ Builder e .NET.