18041 sujets

Questions générales et questions de débutants

[Résolu] Formulaire : input de largeur variable

Bonjour,

Je cherche a réaliser un formulaire qui aurait une largeur fluide (avec un min-width).

Mais surtout ce que je n'arrive pas à trouver (et c'est pas faute d'avoir cherché) c'est un moyen de faire en sorte que les inputs du formulaire aient eux aussi une largeur fluide.
Je ne sais pas si c'est envisageable ni même possible sans tableau.

J'ai essayé de faire une prévisualisation du type de formulaire avec une mise en page encore très simple comme vous le verrez.

J'espère que vous pourrez m'aiguiller sur la bonne piste.
Merci d'avance.
upload/25301-form-previ.png
Modifié par nibor (01 Dec 2009 - 20:25)
Salut,

sur le principe tu pourrais partir sur quelque chose comme ça :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Test formulaire</title>
<style type="text/css">
#global {
	min-width: 600px;
	max-width: 980px;
}

#identite input {
	width: 60%;
}

label {
	float: left;
	text-align: right;
	width: 20%;
	padding-right: 1%;
}

p.soumission {
	text-align: center;
}
</style>
</head>
<body>
<div id="global">
	<form action="<?php echo htmlspecialchars($_SERVER['PHP_SELF']); ?>" method="post">
		<fieldset id="identite">
			<legend>Identité</legend>
			<p>
				<label for="nom">Nom : </label>
				<input type="text" id="nom" name="nom" />
			</p>
			<p>
				<label for="prenom">Prénom : </label>
				<input type="text" id="prenom" name="prenom" />
			</p>
		</fieldset>
		<p class="soumission">
			<input type="submit" value="Envoyer" />
		</p>
	</form>
</div>
</body>
</html>
MERCI !!!

Je vais esayer d'adapter ce code pour l'adapter au formulaire, mais en tout cas ça marche !!

He's alive ...... Smiley biggrin

encore un grand merci pour la rapidité de ta réponse.
Sujet clos
Aller à