Griser des champs d'un formulaire

**Darkoos0410** · 25/05/2021, 22h39

Bonjour,

J'ai un petit problème avec des champs, c'est que j'aimerais bien grisé un champs qui et déjà désactiver. Comment rajouter un grisage par dessus pour qu'on le voie a l'œil pour que ce soit plus rapide ?

Les deux champs a grisé sont numéro de capteurs et description.

Voici mon

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
18
19
20
21
22
<html>
<head>
	<link rel="stylesheet" href="style.css" />
</head>
<body>
		<form class="box" action="" method="post" name="supprimer">
		<h1 class="box-title">Supprimer un capteur</h1>
		<select name="Capteur">
		 <?php
                        for ($i=1;$i<30;$i++)
                        {
                                echo "<option>capteur ".$i."</option>";
                        }
                ?>
		</select>
		<input type="text" class="box-input" name="num_boitiers" placeholder="Numéro de boitier" required disabled />
		<input type="text" class="box-input" name="description" placeholder="Description" required disabled />
		<input type="submit" name="submit" value="Supprimer" class="box-button" />
		<p class="box-register">Revenir à la page liste capteur <a href="liste_capteurs.php">Cliquez ici</a></p>
		</form>
</body>
</html>

Nom : aaaaaa.png
Affichages : 229
Taille : 12,2 Ko

Merci d'avance pour votre aide

Baptiste

**Doksuri** · 26/05/2021, 04h47

developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled il suffit de rajouter disabled a ton input. pas besoin de les griser manuellement, le navigateur s'en charge

**NoSmoking** · 26/05/2021, 17h01

Bonjour,
la construction de ce formulaire est pour le moins bizarre, à quoi servent les champs <input>, à l’affichage des données du capteur sélectionné, pas à la saisie !
Dans ce cas inutile d'avoir recours à des <input> autant mettre de <output> qu'il est facile de styler.

Reste quand même à prévoir une fonction de mise à jour des champs fonction de la sélection du <select>, surtout avec des <option> qui n'ont pas de value.

Peut-être pourrais tu également donner des nouvelles sur les discussions :

**Darkoos0410** · 30/05/2021, 10h14

En fait les input servent juste à afficher les informations du capteur qu'on va sélectionner. Mais pour voir les informations du capteurs juste en cliquant, je sais qu'il faut faire du JS. Mais je suis pas très à l'aise la dessus. Et pour l'histoire du champs crise j'ai rentré une couleur dans le css et je l'ai appliqué sur mon formulaire.

Griser des champs d'un formulaire

CSS

Discussions similaires

Partager

Partager