J'ai trois contrôles sur mon formulaire web de trois listes déroulantes.
Je veux créer une "boîte" graphique autour de ces contrôles. La raison en est que la sélection de ces contrôles constituerait l'"ÉTAPE 1" de mon processus. Je veux donc placer une boîte autour de ces contrôles et l'appeler "Étape 1".
Comment dois-je m'y prendre pour faire cela avec CSS ?
Exemple :
A fieldset avec un legend fournit un regroupement visuel et sémantique pour les contrôles de formulaires. Vous pouvez ensuite les styliser comme vous le souhaitez à l'aide de CSS. A fieldset est quelque peu unique en ce sens que le legend est capable d'interrompre visuellement la frontière de son parent fieldset (possible avec d'autres éléments, mais difficile).
Ejemplo: http://jsfiddle.net/NUMcr/1/
<fieldset>
<legend>Group 1</legend>
<input type="text" />
<asp:Textbox runat="Server" id="txt1" />
<!-- etc -->
</fieldset>
fieldset {
margin: 8px;
border: 1px solid silver;
padding: 8px;
border-radius: 4px;
}
legend {
padding: 2px;
}
Il y a le fieldset élément HTML, qui est conçu dans ce but précis : http://www.w3.org/wiki/HTML/Elements/fieldset . Si vous souhaitez utiliser uniquement des feuilles de style en cascade, vous pouvez procéder comme suit :
<html>
<head></head>
<body>
<h1>Step 1</h1>
<div style="border: 1px solid #000000;">
<input type="text" />
<input type="submit" value="Submit" />
</div>
</body>
</html>Vous pourriez alors donner un style à la h1 (ou tout autre type d'élément HTML que vous souhaitez utiliser pour l'en-tête) et la balise div contenant les éléments d'entrée.
Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.
