1477 sujets

Web Mobile et responsive web design

Bonjour,
est-il possible en utilisant les media queries de redimentionner une zone de texte dans un formulaire.
Sur ma page html, la syntaxe est la suivante :
<form name="forminfo" method="post" >
<label class="nom">Vos nom et pr&eacute;nom:</label>
<br />
<input type="text" name="nomprenom" class="case" size="40"/>
<input type="submit" value="Envoi" />
</form>
En affichage sur smartphone, j'aimerai pouvoir repréciser le "size", est-ce possible ?
Merci pour vos lumieres Smiley smile
Tommy
En faite, plus largement, la question est : Comment adapter le contenu d'un formulaire par media queries ?
la taille des textes mais aussi la taille des zones de saisies, la taille du bouton d'envoi ...
Smiley decu
Merci pour vos suggestions
L'attribut "size" est antérieur à l'invention du CSS, on peut l'oublier et styler comme une balise standard.
On peut donner une classe à une balise input et préciser dans le CSS la largeur de la zone de saisie en pixels, par exemple

    input.long {width:350px;}
    input.court {width:50px;}
................
Prénom:
    <input type="text" class="long" value="" name="prenom" />
Âge:
    <input type="text" class="court" value="" name="age" />


En gros 2 tailles donnent une allure correcte au formulaire, je ne recommande pas d'en mettre plus, ça fait fouillis.

Bien sûr on peut styler différemment les classes en fonction des media queries
Super, merci beaucoup Smiley cligne
Une autre question dans la meme veine. Quid du bouton "Envoi" genere par :
<input type="submit" value="Envoi" />
Comment le 'redimensionner' ?
Encore merci Smiley smile
mosquitout a écrit :
Super, merci beaucoup Smiley cligne
Une autre question dans la meme veine. Quid du bouton "Envoi" genere par :
<input type="submit" value="Envoi" />
Comment le 'redimensionner' ?
Encore merci Smiley smile

Pareil, sauf que la largeur est automatiquement déterminée a partir du texte. Il faut dimensionner font-site en fonction des besoins.
Vous pouvez également essayer la nouvelle balise <button>
Derniere question toujours en rapport avec les formulaires, comment preciser la taille des caracteres DANS les zones de saisies ?
En format tablette ou telephone, je me retrouve avec des tous petits caracteres quasi illisibles ! Smiley decu
Merci pour vos lumieres Smiley smile