Solution pour focused introuvable

**progdebutant** · 20/02/2016, 11h50

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 :

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

1
2
3
inputnom{
size:40;
}

Code :

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

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

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

**micetf** · 20/02/2016, 12h22

Bonjour,

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

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 HTML :

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

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

**NoSmoking** · 20/02/2016, 15h42

Bonjour,

...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 html :

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

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

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

tu oublies

**progdebutant** · 21/02/2016, 09h11

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 !

Solution pour focused introuvable

CSS

Vue hybride

Discussions similaires

Partager

Partager