Solution pour focused introuvable

Version imprimable

20/02/2016, 10h50
progdebutant

Solution pour focused introuvable
Salut ;)

J'ai recherché sur internet et dans tout le forum je ne trouve pas comment mettre le focus sur un "input text" dans le CSS.
Alors je vous demande votre solution.

J'aurais voulu aussi lui donner une taille dans le css, j'ai essayé ça qui n'a pas marché :
Code:

1 2 3 inputnom{ size:40; }
Code:

<input type="text" name="inputnom" value="#"/>

Je suis obligé alors de mettre le size dans le input directement...

Bonjour,

size n'est pas une propriété CSS mais un attribut de la balise HTML input :

Citation:

size
La taille initiale du contrôle. Cette valeur est en pixels sauf dans les cas où l'attribut type vaut text ou password. Dans ces cas la valeur est le nombre de caractères. À partir de HTML5, cet attribut ne s'applique que lorsque l'attribut type vaut text, search, tel, url, email, ou password (il est ignoré dans les autres cas). Par ailleurs, la taille doit être strictement positive. La taille par défaut utilisée est 20.

En CSS, pour agir sur la largeur de l'élément, on peut utiliser la propriété CSS width.
La sélection de l'élément peut alors se faire
par un sélecteur d'identifiant (si id="idInput" alors #idInput) ,
un sélecteur de class (si class="moninput" alors .moninput),
...
mais dans ton exemple un sélecteur d'attribut (input[name=moninput])
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title></title> <style> input[name=inputnom] { width: 100px; } </style> </head> <body> <input type="text" name="inputnom" value="#"/> </body> </html>
micetf

20/02/2016, 14h42
NoSmoking
Bonjour,

Citation:

...je ne trouve pas comment mettre le focus sur un "input text" dans le CSS.

ce n'est effectivement pas du ressort du CSS mais à la rigueur de HTML5.

Code:

<input type="text" name="input_name" autofocus>

Citation:

J'ai recherché sur internet et dans tout le forum...

tu oublies
21/02/2016, 08h11
progdebutant

Merci beaucoup pour votre aide et vos exemples bien précis, j'ai appris pas mal de choses là !
C'est vrai que j'ai oublié de voir sur les cours, j'ai simplement saisi l'expression "css focus" et "css focused" dans le champ de recherche du site et sur google et aussi visité les posts déjà faits sur le forum css, mais en fait la solution comme vous dites n'était pas en css.

Merci !