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 markup 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, Mappa del contenuto dei controlli server Web pulsante, 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 Controlli Input HTML, 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 Controlli Input HTML, 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 Controlli Input HTML, Sintassi dichiarativa per il controllo server HtmlInputText, Cenni preliminari sul controllo server Web TextBox, HtmlInputText e TextBox.

  Nota sulla sicurezza
  È 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 markup 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 sicurezza
  È 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 markup 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 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 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 markup 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, Cenni preliminari sui controlli server Web CheckBox e CheckBoxList, 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 Controlli Input HTML, Sintassi dichiarativa per il controllo server HtmlInputRadioButton, Informazioni generali sui controlli server Web RadioButton e RadioButtonList, 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 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 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 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 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, Cenni preliminari sui controlli server Web Table, TableRow e TableCell, HtmlTable e Table.

• Immagine
  

  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, Cenni preliminari sul controllo server Web Image, 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 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, Procedura: creare script e modificare gestori eventi, Cenni preliminari sul controllo server Web DropDownList, Cenni preliminari sul controllo server Web ListBox, 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 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 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 Controllo Div HTML, Cenni preliminari sul controllo server Web Label e Label.

Vedere anche

Riferimenti

Casella degli strumenti

Scheda Standard, Casella degli strumenti

Altre risorse

Controlli HTML per pagine Web ASP.NET