HTML, onglet de la boîte à outils

Mise à jour : novembre 2007

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

• Comment : gérer la fenêtre Boîte à outils

• Comment : manipuler des onglets de boîte à outils

É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 Comment : gérer la fenêtre Boîte à outils et Comment : manipuler des onglets de boîte à outils.

• 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 Contrôles Input HTML, Syntaxe déclarative du contrôle serveur HtmlInputButton, Comment : créer des scripts et modifier des gestionnaires d'événements, Vue d'ensemble des contrôles serveur Web Button, 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 Contrôles Input HTML, Syntaxe déclarative des contrôles serveur HtmlInputReset, 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 Contrôles Input HTML, Syntaxe déclarative des contrôles serveur HtmlInputSubmit, HtmlInputButton et Button.

• Input (Text)
  

  Insère un élément inputtype="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 Contrôles Input HTML, Syntaxe déclarative du contrôle serveur HtmlInputText, Vue d'ensemble du contrôle serveur Web TextBox, HtmlInputText et TextBox.

  Note de sécurité :
  Il est recommandé de valider toutes les entrées d'utilisateur. Pour plus d'informations, consultez Validation des entrées d'utilisateur dans des pages Web ASP.NET.

• Input (File)
  

  Insère un élément inputtype="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 Contrôles Input HTML, Syntaxe déclarative du contrôle serveur HtmlInputFile et HtmlInputFile.

  Note de sécurité :
  Il est recommandé de valider toutes les entrées d'utilisateur. Pour plus d'informations, consultez Validation des entrées d'utilisateur dans des pages Web ASP.NET.

• 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 Contrôles Input HTML, Syntaxe déclarative des contrôles serveur HtmlInputPassword, Comment : définir un contrôle serveur Web TextBox pour l'entrée de mots de passe et Procédure pas à pas : validation des entrées d'utilisateur dans une page Web Forms.

  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 IIS Il est recommandé, en outre, de valider toutes les entrées d'utilisateur. Pour plus d'informations, consultez Validation des entrées d'utilisateur dans des pages Web ASP.NET.

• 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 Contrôles Input HTML, Syntaxe déclarative du contrôle serveur HtmlInputCheckBox, Vue d'ensemble des contrôles serveur Web CheckBox et CheckBoxList, 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 Contrôles Input HTML, Syntaxe déclarative du contrôle serveur HtmlInputRadioButton, Vue d'ensemble des contrôles serveur Web RadioButton et RadioButtonList, 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 Contrôles Input HTML, Syntaxe déclarative du contrôle serveur HtmlInputHidden 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 Syntaxe déclarative du contrôle serveur HtmlTextArea, HtmlTextArea et TextBox.

  Note de sécurité :
  Il est recommandé de valider toutes les entrées d'utilisateur. Pour plus d'informations, consultez Validation des entrées d'utilisateur dans des pages Web ASP.NET.

• 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 Syntaxe déclarative du contrôle serveur HtmlTable, Vue d'ensemble des contrôles serveur Web, Table, TableRow et TableCell, 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 Syntaxe déclarative du contrôle serveur HtmlImage, Vue d'ensemble du contrôle serveur Web Image, 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 Syntaxe déclarative du contrôle serveur HtmlSelect, Comment : créer des scripts et modifier des gestionnaires d'événements, Vue d'ensemble du contrôle serveur Web DropDownList, Vue d'ensemble du contrôle serveur Web ListBox, 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 Horizontal Rule, contrôle HTML.

• 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 Div, contrôle HTML, Vue d'ensemble du contrôle serveur Web Label et Label.

Voir aussi

Référence

Boîte à outils

Standard, onglet de la boîte à outils

Autres ressources

Contrôles HTML pour les pages Web ASP.NET