Taille de saisie par rapport à la largeur

Lors de la spécification de la taille d'un champ de saisie, vous avez deux options : utilisez l'attribut size ou l'attribut width Propriété CSS. Mais lequel est le meilleur code multi-navigateurs ?

La réponse est : vous pouvez utiliser les deux. Le style CSS remplacera l'attribut size dans les navigateurs qui prennent en charge CSS et donnera au champ la largeur correcte, et pour ceux qui ne le font pas, il reviendra au nombre de caractères spécifié.

Modifier : J'aurais dû mentionner que l'attribut size n'est pas une méthode précise de dimensionnement : selon la spécification HTML, il devrait faire référence au nombre de caractères de la police actuelle que la saisie pourra afficher à la fois.

Cependant, à moins que la police spécifiée ne soit une police à largeur fixe/monospace, cela ne constitue pas une garantie que le nombre de caractères spécifié sera réellement visible ; dans la plupart des polices, différents caractères auront des largeurs différentes. Cette question contient de bonnes réponses concernant ce problème.

L'extrait ci-dessous illustre les deux approches.