6
votes

Comment définir l'ID d'un élément HTML 'label'?

Si j'ai ce qui suit: xxx

Quel est l'attribut "for" ici? Est-ce que l'ID?

supposant que je ne puisse pas définir de classe pour l'élément d'étiquette pour styler l'élément d'étiquette, comment définir CSS pour cet élément?


0 commentaires

8 Réponses :


2
votes

Le pour indique à l'étiquette à laquelle appartenir l'élément à (ce qui signifie vraiment que lorsque l'étiquette a cliqué sur l'élément obtiendra la mise au point).

Quant à votre deuxième question - vous pouvez utiliser jQuery :
- Si votre HTML est une utilisation statique $ ("étiquette: EQ (index)")
- Si votre HTML est dynamique et que vous connaissez l'ID de l'élément, l'étiquette appartient à, vous pouvez utiliser $ ("étiquette [" pour = 'THIID'] ")


1 commentaires

Ha. Noix que vous êtes arrivés en premier!



1
votes

Tag Étiquette HTML est utilisé pour les formulaires et soumission. Ce n'est pas l'ID, ce "pour" devrait avoir le même nom que l'ID de l'objet connecté à celui-ci - par exemple xxx

c'est un objet de convivialité vraiment.


0 commentaires

1
votes

"for" est l'identifiant de l'élément de forme que doit être associé à l'étiquette.

Vous pouvez ajouter un ID à l'étiquette pour la référencer directement. P>

<label for="fname" id="lbl-fname">First:</label>
<input type="text" id="fname" />


0 commentaires

1
votes

Vous pouvez définir un identifiant ainsi qu'une classe http://www.w3schools.com /tags/tag_label.asp

Le pour "Spécifie quel élément de formulaire une étiquette est lié à" de sorte que lorsqu'un utilisateur clique sur l'étiquette, il se concentre sur l'entrée cible.


0 commentaires

11
votes

L'attribut pour contient l'identifiant de l'élément que l'étiquette est pour. J'ai toujours pensé que cela serait assez intuitif ... xxx

vous style une étiquette comme n'importe quel autre élément: xxx

J'ai toujours pensé que j'ai pensé cela serait assez intuitif, aussi bien. Donc, qu'est-ce que vous vraiment essayez de faire, les questions que vous demandez sont un signe que vous avez un problème différent, réellement.


2 commentaires

Salut, eh bien, le problème est - je définit une étiquette {min-hauteur: 30px; } et la hauteur n'est pas changée. L'élément n'a pas d'autres styles d'étiquettes qui lui sont appliqués.


@Mallika: min-hauteur n'est pas honoré de tous les navigateurs, pas dans tous les modes de rendu (ieiirks mode / mode de normes - Google "The DocType Switch" pour en savoir plus) et Afaik pas pour tous les éléments Types (éléments de niveau en ligne / bloc). Lecture recommandée: w3.org/tr/css3-box/#min-max .



3
votes

L'attribut pour strud> est l'entrée / textarea / SELECT que l'étiquette se réfère.

Vous pouvez toujours attribuer un identifiant fort> à l'étiquette: p>

<label id="myLabel">Delete This Text <input ... /></label>


0 commentaires

3
votes

Deux question, deux réponses:

  1. Quel est l'attribut "pour" ici? p>

    Il est arrivé ici de raconter l'identifiant de l'élément code> que l'étiquette se réfère. Some browsers will use it to set focus on that element when user clicks on that

  2. Comment puis-je définir CSS pour cet élément? P>

    a. Si vous voulez CSS tous les éléments d'étiquette: P> li> ol>

          label {
             /* your styles */
          }
    


0 commentaires

1
votes

avec rasoir dans HTML, je ne trouve pas le meilleur moyen d'attribuer l'ID d'une étiquette, mais vous pouvez affecter l'ID de cette manière:

@Html.Label("© Integrantes Grupo:",new { @id="TitleIntegrants"} )


0 commentaires