Comment utiliser le <label> tag ASP.NET?

Comment puis-je utiliser le <label> balise à l'intérieur d'un ASP.NET application? Je veux qu'il soit valide, accessible et utilisable.

Je comprends optimale HTML façon de le faire:

<label for="Username">Username:</label>
<input type="text" id="Username" runat="server" />

Mais si le code ci-dessus est dans un ASP.NET de contrôle de l'utilisateur, l'ID d'entrée va changer, le sens de l'étiquette de "pour" attribut est inutile. J'ai pu faire la balise d'étiquette d'un serveur de contrôle et de définir sa "pour" attribut dans le code (Username.ClientID), mais il semble que beaucoup de travail pour une chose si simple.

J'ai aussi vu de ce code HTML utilisé dans le passé:

<label>
    <span>Username</span>
    <input type="text" id="Username" runat="server" />
</label>

Quelle est la bonne approche?

InformationsquelleAutor Alex York | 2009-01-29

67

- Je utiliser <asp:Label ... AssociatedControlID="Username" ...> contrôles. Elles se rendait comme <label> étiquettes et définissez les for attribut de manière appropriée.

Notez que vous pouvez également imbriquer d'autres balises à l'intérieur de l'Étiquette de contrôle si vous le souhaitez:
```
<asp:Label ID="UsernameLabel"
           Text="Username:"
           AssociatedControlID="UsernameTextBox"
           runat="server">
    <asp:TextBox ID="UsernameTextBox" runat="server" />
</asp:Label>
```
- J'ai trop utiliser cette approche, mais toujours ensemble EnableViewState="False" pour la balise d'étiquette, surtout si c'est une forme substantielle. Plus le viewstate le mieux à mon avis. Voir stackoverflow.com/questions/113479/...
- D'accord. Il a été laissé de côté pour des raisons de concision.
- Je trouve plus facile de tourner ViewState off dans le Web.La page de configuration des paramètres et activer uniquement les commandes dont vous avez besoin pour. Oui, ViewState ajoute vraiment et ralentir les choses, si vous venez de le laisser sur pour tous les contrôles.
- Vous voulez être prudent aussi. Peut-être que vous voulez une <label> tag et à l'asp:Label contrôleur en fait rendre un <span>
- Si l'asp:Label de contrôle dispose d'une AssociatedControlID, il va afficher correctement un <label>, pas son habitude <span>.
- C'est ce que nous faisons, mais je viens de trouvé ça casse si vous modifiez les étiquettes de texte en tout cas. par exemple UsernameLabe.Text = "some error message" va entraîner le contrôle de zone de texte à disparaître et qu'il va jeter un HttpException car il ne trouve pas le contrôle associés.
- Fait-il une différence de nid d'autres balises à l'intérieur de l'Étiquette de contrôle?
InformationsquelleAutor Sean Bright
17

Vous pouvez aussi l'écrire comme ceci:
```
<label for="<%= Username.ClientID %>">Username:</label>
<asp:TextBox ID="Username" runat="server" />
```
Phil Haack a un post de blog sur ce sujet
- OP dit dans la question qu'ils savent déjà qu'ils peuvent le faire.
InformationsquelleAutor Christian Hagelid
10

utiliser le <asp:Label> serveur de contrôle. Il a une propriété que vous pouvez utiliser pour configurer l'ID de contrôle.
```
<asp:Label ID="label1" runat="server" Text="Username" AssociatedControlID="Text1" />
<asp:TextBox ID="Text1" runat="server" />
```
InformationsquelleAutor Matt Brunell

Je suppose que la meilleure façon de le faire est de cette.

<asp:Label AssociatedControlID="Username" runat="server" Text="Username:"></asp:Label>
<asp:TextBox ID="Username" runat="server"></asp:TextBox>

InformationsquelleAutor Brian Kim

3

Si vous êtes en utilisant .NET 4 vous pouvez maintenant utiliser la propriété ClientIDMode pour configurer un ou plusieurs contrôles pour utilisation statique ou prévisible de l'ID. ClientIDMode propriété peut être définie sur la zone de texte directement ou vous pouvez le mettre sur n'importe quel parent, de contrôle ou de la page qui les contient.
```
<label for="Username">Username:</label>
<asp:TextBox ID="Username" runat="server" ClientIDMode="Static" />
```
Lire plus sur le ClientIDMode sur MSDN

InformationsquelleAutor Christian Hagelid
3

Si vous voulez une étiquette, mais n'avez pas d'autre contrôle à utiliser dans AssociatedControlID on peut utiliser l'étiquette elle-même
```
<asp:Label ID="Not_Span" AssociatedControlID="Not_Span" Text="Will be rendered as label" />
```
InformationsquelleAutor RMalke

-1

<p><asp:Label ID="label1"           Text="Username:"           AssociatedControlID="txtUserName"           runat="server">    <asp:TextBox ID="txtUserName" runat="server" /></asp:Label></p>

InformationsquelleAutor chugh97

-1

Vous mes aussi essayer ceci:
```
<asp:Label  ID="Label1" runat="server" Text="label"></asp:Label>
```
C'est ce que Visual Studio, ou tout autre logiciel vous donne si vous faites glisser et déposez une étiquette.

InformationsquelleAutor magn

Vous devez vous connecter pour publier un commentaire.