Base du HTML

**JeanDan** · 28/11/2008, 11h19

Bonjour,

Voilà j'ai qques notions de l'HTML mais c'est tout

1)
MA question est donc la suivant :
Existe il un code en HTML pour ajouter un Label :
je sais que le code est du genre :
<INPUT type="---" name="label">

2)Dans ma balise <body> je crée tous mes composants.

Le problème est mes composants sont sur la même ligne

Il y a t-il moyen pr y remédier ??

Merci

**HiRoN** · 28/11/2008, 11h23

Envoyé par JeanDan

Bonjour,

Voilà j'ai qques notions de l'HTML mais c'est tout

1)
MA question est donc la suivant :
Existe il un code en HTML pour ajouter un Label :
je sais que le code est du genre :
<INPUT type="---" name="label">

2)Dans ma balise <body> je crée tous mes composants.
Le problème est mes composants sont sur la même ligne

Il y a t-il moyen pr y remédier ??
Merci

Salut,

Pour le point 1 : <label>Ton label</label> ?
Pour le point 2 : Avoir le code HTML que tu as développé pourrait aider...

**Kerod** · 28/11/2008, 11h53

Plus de précision

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
<label for="nom">Nom</label>
<input type="text" name="nom" id="nom" />

Le for n'est pas obligatoire mais parfois nécessaire

**HiRoN** · 28/11/2008, 12h20

Envoyé par Kerod

Plus de précision

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
<label for="nom">Nom</label>
<input type="text" name="nom" id="nom" />

Le for n'est pas obligatoire mais parfois nécessaire

En effet, et il permet de mettre le focus dans le champs si clic

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

label:hover { cursor:pointer; }

Histoire de changer le curseur afin d'inviter l'utilisateur à utiliser cette astuce...

**Kerod** · 28/11/2008, 13h12

attention la pseudo-classe n'est pas compatible avec IE6 et inférieure donc il serait préférable de faire

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

label { cursor:pointer; }

**RomainVALERI** · 28/11/2008, 13h18

...et tant qu'à suivre ces excellents conseils en termes de standards web, pourquoi ne pas en profiter pour y ajouter l'avantage de l'accessibilité, en définissant aussi la propriété "accesskey" pour le label, ce qui, à l'activation, donnera le focus au champ input directement, et pourra éventuellement être mise en valeur au survol, au besoin par CSS...

Base du HTML

HTML

Discussions similaires

Partager

Partager