Scheda HTML, Casella degli strumenti

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à

• Procedura: gestire la finestra Casella degli strumenti

• Procedura: modificare le schede della Casella degli strumenti

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 strumenti e 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 Procedura: gestire la finestra Casella degli strumenti e Procedura: modificare le schede della Casella degli strumenti.

• 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 tag HTML simile a quello riportato di seguito:

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

  Per ulteriori informazioni, vedere Controlli Input HTML, Sintassi dichiarativa per il controllo server HtmlInputButton, Procedura: creare script e modificare gestori eventi, Controlli server Web Button (Visual Studio), HtmlInputButton, HtmlButton e Button.

• Input (Reimposta)
  

  Consente di inserire 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 tag HTML simile a quello riportato di seguito:

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

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

• Input (Invia)
  

  Consente di inserire 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 tag HTML simile a quello riportato di seguito:

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

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

• Input (Testo)
  

  Consente di inserire 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 tag HTML simile a quello riportato di seguito:

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

  Per ulteriori informazioni, vedere Controlli Input HTML, Sintassi dichiarativa per il controllo server HtmlInputText, Controllo server Web TextBox (Visual Studio), HtmlInputText e TextBox.

  Nota sulla protezione
  È consigliabile convalidare tutto l'input dell'utente. Per ulteriori informazioni, vedere Convalida dell'input utente nelle pagine Web ASP.NET.

• 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 tag HTML simile a quello riportato di seguito:

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

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

  Nota sulla protezione
  È consigliabile convalidare tutto l'input dell'utente. Per ulteriori informazioni, vedere Convalida dell'input utente nelle pagine Web ASP.NET.

• 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 tag HTML simile a quello riportato di seguito:

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

  Per ulteriori informazioni, vedere Controlli Input HTML, Sintassi dichiarativa per il controllo server HtmlInputPassword, Procedura: impostare un controllo server Web TextBox per l'immissione di una password e Procedura dettagliata: convalida dell'input dell'utente in una pagina Web Form.

  Nota sulla protezione

  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 Convalida dell'input utente nelle pagine Web ASP.NET.

• 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 tag HTML simile a quello riportato di seguito:

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

  Per ulteriori informazioni, vedere Controlli Input HTML, Sintassi dichiarativa per il controllo server HtmlInputCheckBox, Controlli server Web CheckBox e CheckBoxList (Visual Studio), HtmlInputCheckBox e CheckBox.

• Input (Opzione)
  

  Consente di inserire 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 tag HTML simile a quello riportato di seguito:

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

  Per ulteriori informazioni, vedere Controlli Input HTML, Sintassi dichiarativa per il controllo server HtmlInputRadioButton, Controlli server Web RadioButton e RadioButtonList (Visual Studio), 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 tag HTML simile a quello riportato di seguito:

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

  Per ulteriori informazioni, vedere Controlli Input HTML, 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 tag 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 protezione
  È consigliabile convalidare tutto l'input dell'utente. Per ulteriori informazioni, vedere Convalida dell'input utente nelle pagine Web ASP.NET.

• Tabella
  

  Consente di inserire un elemento table.

  Quando si trascina Tabella nell'area di visualizzazione Progettazione, nel documento viene inserito un tag 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, Controlli server Web Table, TableRow e TableCell (Visual Studio), HtmlTable e Table.

• Immagine
  

  Consente di inserire 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 tag HTML simile a quello riportato di seguito:

  <img alt="" src="">
  

  Per ulteriori informazioni, vedere Sintassi dichiarativa per il controllo server HtmlImage, Controllo server Web Image (Visual Studio), HtmlImage, HtmlInputImage e Image.

• Seleziona
  

  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 tag 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, Procedura: creare script e modificare gestori eventi, Controllo server Web DropDownList (Visual Studio), Controllo server Web ListBox (Visual Studio), 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 tag HTML simile a quello riportato di seguito:

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

  Per ulteriori informazioni, vedere Controllo Horizontal Rule HTML.

• 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 tag HTML simile a quello riportato di seguito:

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

  Per ulteriori informazioni, vedere Controllo Div HTML, Controllo server Web Label (Visual Studio) e Label.

Vedere anche

Riferimenti

Casella degli strumenti
Scheda Standard, Casella degli strumenti

Altre risorse

Controlli Web e HTML singoli