Boîte à outils, Onglet HTML

L'onglet HTML de la Boîte à outils fournit des composants utiles sur les pages Web et les Web Forms. Pour afficher l'onglet, ouvrez d'abord un document pour le modifier dans le concepteur HTML. Dans le menu Affichage, cliquez sur Boîte à outils puis sur l'onglet HTML de la Boîte à outils.

Pour créer une instance d'un outil dans l'onglet HTML, double-cliquez sur l'outil pour l'ajouter à votre document au point d'insertion actuel ou sélectionnez l'outil et faites-le glisser à la position souhaitée dans la surface d'édition.

Tâches

• How to: Manage the Toolbox Window

• How to: Manipulate Toolbox Tabs

Éléments d'interface

Les outils suivants sont disponibles par défaut dans l'onglet HTML.

• Pointeur
  

  Cet outil est sélectionné par défaut lorsqu'un onglet Boîte à outils s'ouvre. Il ne peut pas être supprimé. Le pointeur vous permet de faire glisser des objets sur la surface du mode Design, de les redimensionner et de les repositionner sur la page ou formulaire. Pour plus d'informations, consultez How to: Manage the Toolbox Window et How to: Manipulate Toolbox Tabs.

• Input (Button)
  

  Insère un élément input tel que type="button". Pour modifier le texte affiché, modifiez la propriété name. Par défaut, id="Button1" est inséré pour le premier bouton, id="Button2" pour le deuxième, etc.

  Lorsque vous faites glisser Input (Button) sur la surface du mode Design, une balise HTML similaire à ce qui suit est insérée dans votre document :

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

  Pour plus d'informations, consultez HTML Input Controls, HtmlInputButton Server Control Declarative Syntax, How to: Create Scripts and Edit Event Handlers, Button Web Server Controls Overview, HtmlInputButton, HtmlButton et Button.

• Input (Reset)
  

  Insère un élément input tel que type="reset". Pour modifier le texte affiché, modifiez la propriété name. Par défaut, id="Reset1" est inséré pour le premier bouton Réinitialiser, id="Reset2" pour le deuxième, etc.

  Lorsque vous faites glisser Input (Reset) sur la surface du mode Design, une balise HTML similaire à ce qui suit est insérée dans votre document :

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

  Pour plus d'informations, consultez HTML Input Controls, HtmlInputReset Server Control Declarative Syntax, HtmlInputButton et Button.

• Input (Submit)
  

  Insère un élément input tel que type="submit". Pour modifier le texte affiché, modifiez la propriété name. Par défaut, id="Submit1" est inséré pour le premier bouton Envoyer, id="Submit2" pour le deuxième, etc.

  Lorsque vous faites glisser Input (Submit) sur la surface du mode Design, une balise HTML similaire à ce qui suit est insérée dans votre document :

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

  Pour plus d'informations, consultez HTML Input Controls, HtmlInputSubmit Server Control Declarative Syntax, HtmlInputButton et Button.

• Input (Text)
  

  Insère un élément input type="text" dans votre document. Pour modifier le texte affiché par défaut, modifiez l'attribut value. Par défaut, id="Text1" est inséré pour le premier champ de texte, id="Text2" pour le deuxième, etc.

  Lorsque vous faites glisser Input (Text) sur la surface du mode Design, une balise HTML similaire à ce qui suit est insérée dans votre document :

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

  Pour plus d'informations, consultez HTML Input Controls, HtmlInputText Server Control Declarative Syntax, TextBox Web Server Control Overview, HtmlInputText et TextBox.

  Note de sécurité
  Il est recommandé de valider toutes les entrées d'utilisateur.Pour plus d'informations, consultez Validating User Input in ASP.NET Web Pages.

• Input (File)
  

  Insère un élément input type="file" dans votre document. Par défaut, id="File1" est inséré pour le premier champ de fichier, id="File2" pour le deuxième, etc.

  Lorsque vous faites glisser Input (File) sur la surface du mode Design, une balise HTML similaire à ce qui suit est insérée dans votre document :

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

  Pour plus d'informations, consultez HTML Input Controls, HtmlInputFile Server Control Declarative Syntax et HtmlInputFile.

  Note de sécurité
  Il est recommandé de valider toutes les entrées d'utilisateur.Pour plus d'informations, consultez Validating User Input in ASP.NET Web Pages.

• Input (Password)
  

  Insère un élément input tel que type="password". Par défaut, id="Password1" est inséré pour le premier champ de mot de passe, id="Password2" pour le deuxième, etc.

  Lorsque vous faites glisser Input (Password) sur la surface du mode Design, une balise HTML similaire à ce qui suit est insérée dans votre document :

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

  Pour plus d'informations, consultez HTML Input Controls, HtmlInputPassword Server Control Declarative Syntax, How to: Set a TextBox Web Server Control for Password Entry et Walkthrough: Validating User Input in a Web Forms Page.

  Note de sécurité

  Si votre application transmet des noms d'utilisateur et des mots de passe, vous devez configurer votre site Web afin qu'il utilise SSL (Secure Sockets Layer) pour chiffrer la transmission.Pour plus d'informations, consultez la rubrique « Securing Connections with SSL » dans le Guide des opérations IISIl est recommandé, en outre, de valider toutes les entrées d'utilisateur.Pour plus d'informations, consultez Validating User Input in ASP.NET Web Pages.

• Input (Check box)
  

  Insère un élément input tel que type="checkbox". Pour modifier le texte affiché, modifiez la propriété name. Par défaut, id="Checkbox1" est inséré pour la première case à cocher, id="Checkbox2" pour la deuxième, etc.

  Lorsque vous faites glisser Input (Check box) sur la surface du mode Design, une balise HTML similaire à ce qui suit est insérée dans votre document :

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

  Pour plus d'informations, consultez HTML Input Controls, HtmlInputCheckBox Server Control Declarative Syntax, CheckBox and CheckBoxList Web Server Controls Overview, HtmlInputCheckBox et CheckBox.

• Input (Radio)
  

  Insère un élément input tel que type="radio". Pour modifier le texte affiché, modifiez la propriété name. Par défaut, id="Radio1" est inséré pour la première case d'option, id="Radio2" pour la deuxième, etc.

  Lorsque vous faites glisser Input (Radio) sur la surface du mode Design, une balise HTML similaire à ce qui suit est insérée dans votre document :

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

  Pour plus d'informations, consultez HTML Input Controls, HtmlInputRadioButton Server Control Declarative Syntax, RadioButton and RadioButtonList Web Server Controls Overview, HtmlInputRadioButton et RadioButton.

• Input (Hidden)
  

  Insère un élément input tel que type="hidden". Par défaut, id="Hidden1" est inséré pour le premier champ masqué, id="Hidden2" pour le deuxième, etc.

  Lorsque vous faites glisser Input (Hidden) sur la surface du mode Design, une balise HTML similaire à ce qui suit est insérée dans votre document :

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

  Pour plus d'informations, consultez HTML Input Controls, HtmlInputHidden Server Control Declarative Syntax et HtmlInputHidden.

• Textarea
  

  Insère un élément textarea. Vous pouvez redimensionner la zone de texte ou utiliser les barres de défilement pour afficher le texte qui s'étend au-delà de la zone d'affichage. Pour modifier le texte affiché par défaut, modifiez l'attribut value. Par défaut, id="textarea1" est inséré pour la première zone de texte, id=" textarea 2" pour la deuxième, etc.

  Lorsque vous faites glisser Textarea sur la surface du mode Design, une balise HTML similaire à ce qui suit est insérée dans votre document :

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

  Pour plus d'informations, consultez HtmlTextArea Server Control Declarative Syntax, HtmlTextArea et TextBox.

  Note de sécurité
  Il est recommandé de valider toutes les entrées d'utilisateur.Pour plus d'informations, consultez Validating User Input in ASP.NET Web Pages.

• Table
  

  Insère un élément table.

  Lorsque vous faites glisser Table sur la surface du mode Design, une balise HTML similaire à ce qui suit est insérée dans votre document :

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

  Pour plus d'informations, consultez HtmlTable Server Control Declarative Syntax, Table, TableRow, and TableCell Web Server Control Overview, HtmlTable et Table.

• Image
  

  Insère un élément <img. Modifiez cet élément pour spécifier son texte src et alt.

  Lorsque vous faites glisser Image sur la surface du mode Design, une balise HTML similaire à ce qui suit est insérée dans votre document :

  <img alt="" src="">
  

  Pour plus d'informations, consultez HtmlImage Server Control Declarative Syntax, Image Web Server Control Overview, HtmlImage, HtmlInputImage et Image.

• Select
  

  Insère un élément select de liste déroulante (sans attribut size). Par défaut, id="select1" est inséré pour la première zone de liste, id="select2" pour la deuxième, etc.

  Lorsque vous faites glisser Select sur la surface du mode Design, une balise HTML similaire à ce qui suit est insérée dans votre document :

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

  Vous pouvez créer un élément select multiligne en augmentant la valeur de la propriété Size.

  Pour plus d'informations, consultez HtmlSelect Server Control Declarative Syntax, How to: Create Scripts and Edit Event Handlers, DropDownList Web Server Control Overview, ListBox Web Server Control Overview, HtmlSelect et DropDownList.

• Règle horizontale
  

  Insère un élément <hr. Pour augmenter l'épaisseur de la ligne, modifiez l'attribut size.

  Lorsque vous faites glisser Horizontal Rule sur la surface du mode Design, une balise HTML similaire à ce qui suit est insérée dans votre document :

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

  Pour plus d'informations, consultez HTML Horizontal Rule Control.

• Div
  

  Insère un élément div qui inclut un attribut ms_positioning="FlowLayout". À l'exception de la largeur et de la hauteur, cet élément est identique à un panneau Mise en page fluide (FlowLayoutPanel). Pour mettre en forme le texte contenu dans l'élément div, ajoutez un attribut class="stylename" à la balise d'ouverture.

  Lorsque vous faites glisser Div sur la surface du mode Design, une balise HTML similaire à ce qui suit est insérée dans votre document :

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

  Pour plus d'informations, consultez HTML Div Control, Label Web Server Control Overview et Label.

Voir aussi

Référence

boîte à outils

Standard, onglet de la boîte à outils

Autres ressources

HTML Controls for ASP.NET Web Pages