Boîte à outils, onglet HTMLToolbox, HTML tab

L’onglet HTML de la boîte à outils fournit des composants utiles sur les pages web et les formulaires web.The HTML tab of the Toolbox provides components that are useful on Web pages and Web forms. Pour afficher cet onglet, ouvrez d’abord un document pour le modifier dans le concepteur HTML.To view this tab, first open a document for editing in the HTML designer. Dans le menu Affichage, cliquez sur Boîte à outils, puis sur l’onglet HTML de la boîte à outils.On the View menu, click Toolbox, and then click the HTML tab of the Toolbox.

Pour créer une instance d’un outil sous 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.To create an instance of a tool on the HTML tab, either double-click the tool to add it to your document at the current insertion point, or select the tool and drag it to the desired position on the editing surface.

Éléments de l'interface utilisateurUI elements

Les outils suivants sont disponibles par défaut sous l’onglet HTML.The following tools are available by default on the HTML tab.

PointeurPointer

Pointeur HTMLpage de concepteur ASP.NET mobileASP.NET Mobile Designer HTMLpage Pointer

Cet outil est sélectionné par défaut quand un onglet de boîte à outils s’ouvre.This tool is selected by default when any Toolbox tab opens. Il ne peut pas être supprimé.It cannot be deleted. Le pointeur vous permet de faire glisser des objets sur la surface en mode Design, de les redimensionner et de les repositionner sur la page ou le formulaire.The pointer enables you to drag objects onto the Design view surface, resize them, and reposition them on the page or form. Pour plus d'informations, consultez Boîte à outils.For more information, see Toolbox.

Input (Button)Input (Button)

Bouton de page web HTMLHTML web page button

Insère un élément input tel que type="button".Inserts an input element of type="button". Pour changer le texte affiché, modifiez la propriété name.To change the text that is displayed, edit the name property. Par défaut, id="Button1" est inséré pour le premier bouton, id="Button2" pour le deuxième, etc.By default, id="Button1" is inserted for the first button, id="Button2" for the second, and so on.

Quand vous faites glisser Input (Button) sur la surface en mode Design, une balise HTML similaire à ce qui suit est insérée dans votre document :When you drag Input (Button) onto the Design view surface, HTML markup like the following is inserted into your document:

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

Input (Reset)Input (Reset)

Capture d’écran de HTMLpageResetButtonHTMLpageResetButton screenshot

Insère un élément input tel que type="reset".Inserts an input element of type="reset". Pour changer le texte affiché, modifiez la propriété name.To change the text that is displayed, edit the name property. Par défaut, id="Reset1" est inséré pour le premier bouton de réinitialisation, id="Reset2" pour le deuxième, etc.By default, id="Reset1" is inserted for the first reset button, id="Reset2" for the second, and so on.

Quand vous faites glisser Input (Reset) sur la surface en mode Design, une balise HTML similaire à ce qui suit est insérée dans votre document :When you drag Input (Reset) onto the Design view surface, HTML markup like the following is inserted into your document:

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

Input (Submit)Input (Submit)

Capture d’écran de HTMLpageToolbarSubmitButtonHTMLpageToolbarSubmitButton screenshot

Insère un élément input tel que type="submit".Inserts an input element of type="submit". Pour changer le texte affiché, modifiez la propriété name.To change the text that is displayed, edit the name property. Par défaut, id="Submit1" est inséré pour le premier bouton d’envoi, id="Submit2" pour le deuxième, etc.By default, id="Submit1" is inserted for the first submit button, id="Submit2" for the second, and so on.

Quand vous faites glisser Input (Submit) sur la surface en mode Design, une balise HTML similaire à ce qui suit est insérée dans votre document :When you drag Input (Submit) onto the Design view surface, HTML markup like the following is inserted into your document:

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

Input (Text)Input (Text)

Capture d’écran de HTMLpageToolbarTextFieldHTMLpageToolbarTextField screenshot

Insère un élément input tel que type="text" dans votre document.Inserts an input element of type="text" in your document. Pour changer le texte affiché par défaut, modifiez l’attribut value.To change the default text that is displayed, edit the value attribute. Par défaut, id="Text1" est inséré pour le premier champ de texte, id="Text2" pour le deuxième, etc.By default, id="Text1" is inserted for the first text field, id="Text2" for the second, and so on.

Quand vous faites glisser Input (Text) sur la surface en mode Design, une balise HTML similaire à ce qui suit est insérée dans votre document :When you drag Input (Text) onto the Design view surface, HTML markup like the following is inserted into your document:

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

Important

Il est recommandé de valider toutes les entrées d’utilisateur.It is recommended that you validate all user input. Pour plus d’informations, consultez Validation des entrées d’utilisateur sur des sites de pages web ASP.NET (Razor).For more information, see Validating User Input in ASP.NET Web Pages (Razor) Sites.

Input (File)Input (File)

Champ File de page HTMLHTML page File Field

Insère un élément input tel que type="file" dans votre document.Inserts an input element of type="file" in your document. Par défaut, id="File1" est inséré pour le premier champ de fichier, id="File2" pour le deuxième, etc.By default, id="File1" is inserted for the first file field, id="File2" for the second, and so on.

Quand vous faites glisser Input (File) sur la surface en mode Design, une balise HTML similaire à ce qui suit est insérée dans votre document :When you drag Input (File) onto the Design view surface, HTML markup like the following is inserted into your document:

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

Important

Il est recommandé de valider toutes les entrées d’utilisateur.It is recommended that you validate all user input. Pour plus d’informations, consultez Validation des entrées d’utilisateur sur des sites de pages web ASP.NET (Razor).For more information, see Validating User Input in ASP.NET Web Pages (Razor) Sites.

Input (Password)Input (Password)

Champ Password de Visual StudioVisual Studio Password Field

Insère un élément input tel que type="password".Inserts an input element of 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.By default, id="Password1" is inserted for the first password field, id="Password2" for the second, and so on.

Quand vous faites glisser Input (Password) sur la surface en mode Design, une balise HTML similaire à ce qui suit est insérée dans votre document :When you drag Input (Password) onto the Design view surface, HTML markup like the following is inserted into your document:

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

Important

Si votre application transmet des noms d’utilisateurs et des mots de passe, vous devez configurer votre site web afin qu’il utilise SSL (Secure Sockets Layer) pour chiffrer la transmission.If your application transmits user names and passwords, you should configure your Web site to use Secure Sockets Layer (SSL) to encrypt the transmission. Pour plus d’informations, consultez la rubrique relative à la sécurisation des connexions avec SSL dans le Guide des opérations IIS.For more information, see "Securing Connections with SSL" in the IIS Operations Guide. Il est, en outre, recommandé de valider toutes les entrées d’utilisateur.Additionally, it is recommended that you validate all user input. Pour plus d’informations, consultez Validation des entrées d’utilisateur sur des sites de pages web ASP.NET (Razor).For more information, see Validating User Input in ASP.NET Web Pages (Razor) Sites.

Input (Check box)Input (Check box)

Option Checkbox de boîte à outils de page web HTMLHTML webpage Toolbox Checkbox Option

Insère un élément input tel que type="checkbox".Inserts an input element of type="checkbox". Pour changer le texte affiché, modifiez la propriété name.To change the text that is displayed, edit the name property. Par défaut, id="Checkbox1" est inséré pour la première case à cocher, id="Checkbox2" pour la deuxième, etc.By default, id="Checkbox1" is inserted for the first check box, id="Checkbox2" for the second, and so on.

Quand vous faites glisser Input (Check box) sur la surface en mode Design, une balise HTML similaire à ce qui suit est insérée dans votre document :When you drag Input (Check box) onto the Design view surface, HTML markup like the following is inserted into your document:

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

Input (Radio)Input (Radio)

Capture d’écran de VisualStudioHTMLpageRadioButtonVisualStudioHTMLpageRadioButton screenshot

Insère un élément input tel que type="radio".Inserts an input element of type="radio". Pour changer le texte affiché, modifiez la propriété name.To change the text that is displayed, edit the name property. Par défaut, id="Radio1" est inséré pour la première case d’option, id="Radio2" pour la deuxième, etc.By default, id="Radio1" is inserted for the first radio button, id="Radio2" for the second, and so on.

Quand vous faites glisser Input (Radio) sur la surface en mode Design, une balise HTML similaire à ce qui suit est insérée dans votre document :When you drag Input (Radio) onto the Design view surface, HTML markup like the following is inserted into your document:

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

Input (Hidden)Input (Hidden)

Élément Hidden de page HTMLHTML page Hidden Item

Insère un élément input tel que type="hidden".Inserts an input element of type="hidden". Par défaut, id="Hidden1" est inséré pour le premier champ masqué, id="Hidden2" pour le deuxième, etc.By default, id="Hidden1" is inserted for the first hidden field, id="Hidden2" for the second, and so on.

Quand vous faites glisser Input (Hidden) sur la surface en mode Design, une balise HTML similaire à ce qui suit est insérée dans votre document :When you drag Input (Hidden) onto the Design view surface, HTML markup like the following is inserted into your document:

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

TextareaTextarea

Zone de texte de barre d’outils de page HTMLHTMLpage Toolbar Text Area

Insère un élément textarea.Inserts a textarea element. 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.You can resize the text area, or use its scroll bars to view text that extends beyond its display area. Pour changer le texte affiché par défaut, modifiez l’attribut value.To change the default text that is displayed, edit the value attribute. Par défaut, id="textarea1" est inséré pour la première zone de texte, id=" textarea 2" pour la deuxième, etc.By default, id="textarea1" is inserted the first text area, id=" textarea 2" for the second, and so on.

Quand vous faites glisser Textarea sur la surface en mode Design, une balise HTML similaire à ce qui suit est insérée dans votre document :When you drag Textarea onto the Design view surface, HTML markup like the following is inserted into your document:

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

Important

Il est recommandé de valider toutes les entrées d’utilisateur.It is recommended that you validate all user input. Pour plus d’informations, consultez Validation des entrées d’utilisateur sur des sites de pages web ASP.NET (Razor).For more information, see Validating User Input in ASP.NET Web Pages (Razor) Sites.

TableTable

Capture d’écran de HTMLpageToolbarTableHTMLpageToolbarTable screenshot

Insère un élément table.Inserts a table element.

Quand vous faites glisser Table sur la surface en mode Design, une balise HTML similaire à ce qui suit est insérée dans votre document :When you drag Table onto the Design view surface, HTML markup like the following is inserted into your document:

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

ImageImage

Élément Image de page HTMLHTML page Image Item

Insère un élément img.Inserts an img element. Modifiez cet élément pour spécifier son texte src et alt.Edit this element to specify its src and its alt text.

Quand vous faites glisser Image sur la surface en mode Design, une balise HTML similaire à ce qui suit est insérée dans votre document :When you drag Image onto the Design view surface, HTML markup like the following is inserted into your document:

<img alt="" src="">

SelectSelect

Liste déroulante de boîte à outils de page HTMLHTML page Toolbox Dropdown

Insère un élément select de liste déroulante (sans attribut size).Inserts a dropdown select element (without a size attribute). Par défaut, id="select1" est inséré pour la première zone de liste, id="select2" pour la deuxième, etc.By default, id="select1" is inserted for the first list box, id="select2" for the second, and so on.

Quand vous faites glisser Select sur la surface en mode Design, une balise HTML similaire à ce qui suit est insérée dans votre document :When you drag Select onto the Design view surface, HTML markup like the following is inserted into your 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.You can create a multi-line select element by increasing the value of the size property.

Horizontal RuleHorizontal Rule

Élément Horizontal Rule de page HTMLHTML page Horizontal Rule Item

Insère un élément hr.Inserts an hr element. Pour augmenter l’épaisseur de la ligne, modifiez l’attribut size.To increase the thickness of the line, edit the size attribute.

Quand vous faites glisser Horizontal Rule sur la surface en mode Design, une balise HTML similaire à ce qui suit est insérée dans votre document :When you drag Horizontal Rule onto the Design view surface, HTML markup like the following is inserted into your document:

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

DivDiv

Étiquette de page HTMLHTML page Label

Insère un élément div qui inclut un attribut ms_positioning="FlowLayout".Inserts a div element that includes an ms_positioning="FlowLayout" attribute. À l’exception de la largeur et de la hauteur, cet élément est identique à un panneau de mise en page fluide.Except for the width and height, this item is identical to a Flow Layout Panel. Pour mettre en forme le texte contenu dans l’élément div, ajoutez un attribut class="stylename" à la balise d’ouverture.To format the text that is contained within the div element, add a class="stylename" attribute to the opening tag.

Quand vous faites glisser Div sur la surface en mode Design, une balise HTML similaire à ce qui suit est insérée dans votre document :When you drag Div onto the Design view surface, HTML markup like the following is inserted into your document:

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

Voir aussiSee also

Boîte à outilsToolbox