Casella degli strumenti, Scheda HTML

La scheda HTML della Casella degli strumenti contiene componenti utili nelle pagine Web e nei Web Form.Per visualizzare questa scheda, aprire un documento per la modifica nella finestra di progettazione HTML,Scegliere Casella degli strumenti dal menu Visualizza, quindi fare clic sulla scheda HTML della Casella degli strumenti.

Per creare un'istanza di uno strumento nella scheda HTML, fare doppio clic sullo strumento per aggiungerlo al documento nel punto di inserimento corrente o selezionare lo strumento e trascinarlo nella posizione desiderata nell'area di modifica.

Attività

• How to: Manage the Toolbox Window

• How to: Manipulate Toolbox Tabs

Elementi di interfaccia

Per impostazione predefinita, nella scheda HTML sono disponibili i seguenti strumenti.

• Puntatore
  

  Questo strumento viene selezionato per impostazione predefinita quando si fa clic su una delle schede della Casella degli strumentie non è possibile eliminarlo.Il puntatore consente di trascinare oggetti nell'area di visualizzazione Progettazione, ridimensionarli e riposizionarli nella pagina o nel form.Per ulteriori informazioni, vedere How to: Manage the Toolbox Window e How to: Manipulate Toolbox Tabs.

• Input (Pulsante)
  

  Consente di inserire un elemento input di type="button".Per modificare il testo visualizzato, modificare la proprietà name.Per impostazione predefinita, id="Button1" viene inserito per il primo pulsante, id="Button2" per il secondo e così via.

  Quando si trascina Input (Pulsante) nell'area di visualizzazione Progettazione, nel documento viene inserito un markup HTML simile a quello riportato di seguito:

  <input id="Button1" type="button" value="Button" name="Button1">
  

  Per ulteriori informazioni, vedere HTML Input Controls, Sintassi dichiarativa per il controllo server HtmlInputButton, How to: Create Scripts and Edit Event Handlers, Button Web Server Controls Overview, HtmlInputButton, HtmlButton e Button.

• Input (Reimposta)
  

  Inserisce un elemento input di type="reset".Per modificare il testo visualizzato, modificare la proprietà name.Per impostazione predefinita, id="Reset1" viene inserito per il primo pulsante Reimposta, id="Reset2" per il secondo e così via.

  Quando si trascina Input (Reimposta) nell'area di visualizzazione Progettazione, nel documento viene inserito un markup HTML simile a quello riportato di seguito:

  <input id="Reset1" type="reset" value="Reset" name="Reset1">
  

  Per ulteriori informazioni, vedere HTML Input Controls, Sintassi dichiarativa per il controllo server HtmlInputReset, HtmlInputButton e Button.

• Input (Invia)
  

  Inserisce un elemento input di type="submit".Per modificare il testo visualizzato, modificare la proprietà name.Per impostazione predefinita, id="Submit1" viene inserito per il primo pulsante Invia, id="Submit2" per il secondo e così via.

  Quando si trascina Input (Invia) nell'area di visualizzazione Progettazione, nel documento viene inserito un markup HTML simile a quello riportato di seguito:

  <input id="Submit1" type="submit" value="Submit" name="Submit1">
  

  Per ulteriori informazioni, vedere HTML Input Controls, Sintassi dichiarativa per il controllo server HtmlInputSubmit, HtmlInputButton e Button.

• Input (Testo)
  

  Inserisce un elemento input di type="text" all'interno del documento.Per modificare il testo visualizzato, modificare l'attributo value.Per impostazione predefinita, id="Text1" viene inserito per il primo campo di testo, id="Text2" per il secondo e così via.

  Quando si trascina Input (Testo) nell'area di visualizzazione Progettazione, nel documento viene inserito un markup HTML simile a quello riportato di seguito:

  <input id="Text1" TYPE="text" value="Text Field" name="Text1">
  

  Per ulteriori informazioni, vedere HTML Input Controls, Sintassi dichiarativa per il controllo server HtmlInputText, TextBox Web Server Control Overview, HtmlInputText e TextBox.

  Nota sulla sicurezza
  È consigliabile convalidare tutto l'input dell'utente.Per ulteriori informazioni, vedere Validating User Input in ASP.NET Web Pages.

• Input (File)
  

  Consente di inserire un elemento input di type="file" all'interno del documento.Per impostazione predefinita, id="File1" viene inserito per il primo campo File, id="File2" per il secondo e così via.

  Quando si trascina Input (File) nell'area di visualizzazione Progettazione, nel documento viene inserito un markup HTML simile a quello riportato di seguito:

  <input id="File1" type="file" name="File1">
  

  Per ulteriori informazioni, vedere HTML Input Controls, Sintassi dichiarativa per il controllo server HtmlInputFile e HtmlInputFile.

  Nota sulla sicurezza
  È consigliabile convalidare tutto l'input dell'utente.Per ulteriori informazioni, vedere Validating User Input in ASP.NET Web Pages.

• Input (Password)
  

  Consente di inserire un elemento input di type="password".Per impostazione predefinita, id="Password1" viene inserito per il primo campo Password, id="Password2" per il secondo e così via.

  Quando si trascina Input (Password) nell'area di visualizzazione Progettazione, nel documento viene inserito un markup HTML simile a quello riportato di seguito:

  <input id="Password1" type="password" name="Password1">
  

  Per ulteriori informazioni, vedere HTML Input Controls, Sintassi dichiarativa per il controllo server HtmlInputPassword, How to: Set a TextBox Web Server Control for Password Entry e Walkthrough: Validating User Input in a Web Forms Page.

  Nota sulla sicurezza

  Se l'applicazione trasmette nomi utente e password, è necessario configurare il sito Web per utilizzare SSL (Secure Sockets Layer) per la crittografia della trasmissione.Per ulteriori informazioni, vedere "Setting Up Default Documents" in IIS Operations Guide.È inoltre consigliabile convalidare tutto l'input dell'utente.Per ulteriori informazioni, vedere Validating User Input in ASP.NET Web Pages.

• Input (Casella di controllo)
  

  Consente di inserire un elemento input di type="checkbox".Per modificare il testo visualizzato, modificare la proprietà name.Per impostazione predefinita, id="Checkbox1" viene inserito per la prima casella di controllo, id="Checkbox2" per la seconda e così via.

  Quando si trascina Input (Casella di controllo) nell'area di visualizzazione Progettazione, nel documento viene inserito un markup HTML simile a quello riportato di seguito:

  <input id="Checkbox1" type="checkbox" name="Checkbox1"> 
  

  Per ulteriori informazioni, vedere HTML Input Controls, Sintassi dichiarativa per il controllo server HtmlInputCheckBox, CheckBox and CheckBoxList Web Server Controls Overview, HtmlInputCheckBox e CheckBox.

• Input (Opzione)
  

  Inserisce un elemento input di type="radio".Per modificare il testo visualizzato, modificare la proprietà name.Per impostazione predefinita, id="Radio1" viene inserito per il primo pulsante di opzione, id="Radio2" per il secondo e così via.

  Quando si trascina Input (Opzione) nell'area di visualizzazione Progettazione, nel documento viene inserito un markup HTML simile a quello riportato di seguito:

  <input id="Radio1" type="radio" name="Radio1">
  

  Per ulteriori informazioni, vedere HTML Input Controls, Sintassi dichiarativa per il controllo server HtmlInputRadioButton, RadioButton and RadioButtonList Web Server Controls Overview, HtmlInputRadioButton e RadioButton.

• Input (Nascosto)
  

  Consente di inserire un elemento input di type="hidden".Per impostazione predefinita, id="Hidden1" viene inserito per il primo campo nascosto, id="Hidden2" per il secondo e così via.

  Quando si trascina Input (Nascosto) nell'area di visualizzazione Progettazione, nel documento viene inserito un markup HTML simile a quello riportato di seguito:

  <input id="Hidden1" type="hidden" name="Hidden1"> 
  

  Per ulteriori informazioni, vedere HTML Input Controls, Sintassi dichiarativa per il controllo server HtmlInputHidden e HtmlInputHidden.

• Textarea
  

  Consente di inserire un elemento textarea.È possibile ridimensionare l'area di testo oppure utilizzare le barre di scorrimento per visualizzare il testo che si estende oltre l'area di visualizzazione.Per modificare il testo visualizzato, modificare l'attributo value.Per impostazione predefinita, id="textarea1" viene inserito per la prima area di testo, id=" textarea 2" per la seconda e così via.

  Quando si trascina Textarea nell'area di visualizzazione Progettazione, nel documento viene inserito un markup HTML simile a quello riportato di seguito:

  <textarea id=" textarea 1 name=" textarea 1" rows=2 cols=20></textarea> 
  

  Per ulteriori informazioni, vedere Sintassi dichiarativa per il controllo server HtmlTextArea, HtmlTextArea e TextBox.

  Nota sulla sicurezza
  È consigliabile convalidare tutto l'input dell'utente.Per ulteriori informazioni, vedere Validating User Input in ASP.NET Web Pages.

• Tabella
  

  Consente di inserire un elemento table.

  Quando si trascina Tabella nell'area di visualizzazione Progettazione, nel documento viene inserito un markup HTML simile a quello riportato di seguito:

  <table cellspacing="1" width="75%" border=1> <tr><td></td></tr></table> 
  

  Per ulteriori informazioni, vedere Sintassi dichiarativa per il controllo server HtmlTable, Table, TableRow, and TableCell Web Server Control Overview, HtmlTable e Table.

• Image
  

  Inserisce un elemento img.Modificare questo elemento per specificare il testo src e alt.

  Quando si trascina Immagine nell'area di visualizzazione Progettazione, nel documento viene inserito un markup HTML simile a quello riportato di seguito:

  <img alt="" src="">
  

  Per ulteriori informazioni, vedere Sintassi dichiarativa per il controllo server HtmlImage, Image Web Server Control Overview, HtmlImage, HtmlInputImage e Image.

• Select
  

  Consente di inserire un elemento select a discesa senza attributi size.Per impostazione predefinita, id="select1" viene inserito per la prima casella di riepilogo, id="select2" per la seconda e così via.

  Quando si trascina Seleziona nell'area di visualizzazione Progettazione, nel documento viene inserito un markup HTML simile a quello riportato di seguito:

  <select id="select1" name="select1"><option selected></option></select>
  

  È possibile creare un elemento select multilinea aumentando il valore della proprietà Size.

  Per ulteriori informazioni, vedere Sintassi dichiarativa per il controllo server HtmlSelect, How to: Create Scripts and Edit Event Handlers, DropDownList Web Server Control Overview, ListBox Web Server Control Overview, HtmlSelect e DropDownList.

• Righello orizzontale
  

  Consente di inserire un elemento hr.Per aumentare lo spessore della linea, modificare l'attributo size.

  Quando si trascina Righello orizzontale nell'area di visualizzazione Progettazione, nel documento viene inserito un markup HTML simile a quello riportato di seguito:

  <hr width="100%" size=1> 
  

  Per ulteriori informazioni, vedere HTML Horizontal Rule Control.

• Div
  

  Inserisce un elemento div che include un attributo ms_positioning="FlowLayout".Tranne che per i valori relativi a larghezza e altezza, questo elemento è identico a un pannello Layout di flusso.Per formattare il testo contenuto nell'elemento div, aggiungere un attributo class="stylename" al tag di apertura.

  Quando si trascina Div nell'area di visualizzazione Progettazione, nel documento viene inserito un markup HTML simile a quello riportato di seguito:

  <div ms_positioning="FlowLayout" style="width: 70px; position: relative; height: 15px">Label</div>
  

  Per ulteriori informazioni, vedere HTML Div Control, Label Web Server Control Overview e Label.

Vedere anche

Riferimenti

Casella degli strumenti

Scheda Standard, Casella degli strumenti

Altre risorse

HTML Controls for ASP.NET Web Pages