एचटीएमएल लेबल टैग और एएसपी.NET

Question

एएसपी.NET एप्लिकेशन के भीतर <label> टैग का उपयोग करने का सबसे अच्छा तरीका क्या है? मैं चाहता हूं कि यह एक्सएचटीएमएल वैध, सुलभ और उपयोग योग्य हो।

मैं समझता हूँ कि इष्टतम तरीका यह है:

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

लेकिन अगर इसके बाद के संस्करण कोड एक ASP.NET उपयोगकर्ता नियंत्रण में है, इनपुट आईडी बदल जाएगा, जिसका अर्थ है लेबल के "के लिए" विशेषता बेकार है। मैं लेबल टैग को सर्वर नियंत्रण बना सकता हूं और कोड (Username.ClientID) में "for" विशेषता सेट कर सकता हूं लेकिन ऐसा लगता है कि इस तरह की एक साधारण चीज़ के लिए बहुत सारे काम हैं।

मैं भी इस HTML अतीत में प्रयोग देखा है:

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

इष्टतम दृष्टिकोण क्या है?

Answer 1

मैं इसके लिए <asp:Label ... AssociatedControlID="Username" ...> नियंत्रण का उपयोग करता हूं। उन्हें <label> टैग के रूप में प्रस्तुत किया जाता है और for उचित रूप से विशेषता सेट करता है।

ध्यान दें कि आप यदि आप चाहें तो लेबल नियंत्रण में भी घोंसला अन्य टैग कर सकते हैं:

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

Answer 2

<asp:Label> सर्वर नियंत्रण का उपयोग करें। इसमें एक ऐसी संपत्ति है जिसका उपयोग आप संबंधित नियंत्रण आईडी सेट करने के लिए कर सकते हैं।

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

Answer 3

मुझे लगता है कि ऐसा करने का सबसे आसान तरीका यह है।

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

संपादित करें: वाह .. एक मिनट के भीतर सभी एक ही जवाब। =)

Answer 4

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

Answer 5

तुम भी इसे इस तरह लिख सकते हैं:

<label for="<%= Username.ClientID %>">Username:</label> 
<asp:TextBox ID="Username" runat="server" /> 

फिल Haack इस विषय पर एक blog post है

Answer 6

आप .NET 4 उपयोग कर रहे हैं तो आप अब ClientIDMode संपत्ति का उपयोग कर सकते स्थैतिक या अनुमानित आईडी का उपयोग करने के लिए एक या अधिक नियंत्रण कॉन्फ़िगर करने के लिए। ClientIDMode प्रॉपर्टी को टेक्स्टबॉक्स पर सीधे सेट किया जा सकता है या आप इसे किसी भी मूल नियंत्रण या युक्त पृष्ठ पर सेट कर सकते हैं।

<label for="Username">Username:</label> 
<asp:TextBox ID="Username" runat="server" ClientIDMode="Static" /> 

MSDN

Answer 7

आप एक लेबल चाहते हैं पर ClientIDMode बारे में अधिक पढ़ें, लेकिन एक और नियंत्रण AssociatedControlID एक में उपयोग करने के लिए लेबल ही

Answer 8

आप उपयोग कर सकते हैं की जरूरत नहीं है मेरी यह भी प्रयास करें और यह:

<asp:Label ID="Label1" runat="server" Text="label"></asp:Label> 

यह विजुअल स्टड है io, या कोई अन्य सॉफ़्टवेयर आपको देता है यदि आप लेबल खींचते हैं और छोड़ देते हैं।