webForumDet fria alternativet

Accessibillity. asp:text box och sedan <label for="textboxnamn">

.NET

8 svar · 293 visningar · startad av Addeladde

Medlem sedan jan. 20013 406 inlägg
Frågan#1

Hej

Hej om man har följande kod nedan och kör den så byts ju name i textboxen ut till: ctl00$ContentPlaceMain$username och då funkar ju inte labeln med att det står for="username"

<p><label for="username" runat="server">Användarnamn:</label><asp:TextBox ID="username" runat="server"></asp:TextBox><p>

Hur löser man detta?

Medlem sedan jan. 20013 406 inlägg
#2

<p><label for="<%=username.ClientID%>" runat="server">Användarnamn:</label><asp:TextBox ID="username" runat="server"></asp:TextBox><p>

Här är en lösning på det.
Finns det bättre lösningar?

Medlem sedan sep. 20011 914 inlägg
#3

Det finns en riktig lösning.

<asp:label id="lbUsername" runat="server" associatedcontrolid="tbUsername" text="Användarnamn:" />
<asp:textbox id="tbUsername" runat="server" />
Medlem sedan jan. 20013 406 inlägg
#4

Tja

Precis vad jag var ute efter. Om man inte lägger till associatedcontrolid så blir asp:label en span tag. Kan man styra vad labeln ska bli för tagg på något sätt?

Medlem sedan sep. 20011 914 inlägg
#5

Varför?

Medlem sedan jan. 20013 406 inlägg
#6

jag kanske vill ha en div tag istället för span?

Om jag har en <asp:RadioButton CssClass="foo"/>
Så genererar detta koden: <span class="foo"><input type="radio"/></span>
Vilket gör att jag inte kan sätta css på själva radio elementet.

Medlem sedan juni 20003 076 inlägg
#7

Fältet kommer du ju åt ändå med css! :)

     .foo input {
          ...
     }
Medlem sedan jan. 20013 406 inlägg
#8

Ja men det blir ju på span taggen och inte på input taggen.

Medlem sedan juni 20003 076 inlägg
#9

Nja, alltså klassen foo sätts visserligen på spantaggen men stylen blir ju på radioknappen då du skriver .foo input {... och då kan du ju style inputfältet precis som du vill.
Det enda är att varje inputs style måste skrivas: .spanklass input, men det är väl inte så jobbigt! :)

Faktum är ju att det är rätt fiffigt samtidigt, för på detta sätt kommer du ju åt både radioknappen samt labeln inom samma klass! :)

276 ms totalt · 4 externa anrop · v20260731065814-full.a51de22e
138 ms — deklarationer (db)
0 ms — hämta statistik (cache)
135 ms — hämta tråd, inlägg och bilagor (db)
138 ms — ändringar (db)