Formulaire HTML avec soulignement pour les informations manuscrites

Question

Je dois créer des formulaires en HTML qu'un client devra imprimer et écrire à la main, puis numériser ou faxer.

Je veux qu'il y ait un espace pour la signature comme « Sign ____________ »

underscores sont tous bien si le soulignement est une longueur limitée, mais si j'ai un certain nombre de lignes qui ont besoin d'aller tous les chemin à travers la page (ou dans certains cas, la cellule de tableau) avec du texte devant chacun ??

Alors:

Item 1: ____________ 
An Item 2: _________ 
This is item 3: ____ 
1 more item: _______ 

Le problème est que si j'utilise underscores, les underscores ne terminent pas aux mêmes endroits et il semble mal ou il gauchit la taille de la cellule. La meilleure chose serait de souligner l'espace blanc, mais ce n'est tout simplement pas possible.

Answer 1

Enveloppez-le dans <pre> tags </pre>.

Il utilisera une police à espacement fixe afin que vos «lignes» de soulignement se terminent à la même position. Vous avez peut-être remarqué cela se produit également dans votre question ci-dessus ;-)

Answer 2

Construisez donc des éléments de bloc avec un border-bottom. Ceux-ci ressembleront à des soulignements et vous pouvez jouer avec les couleurs, les épaisseurs et autres joyeusetés.

Une solution pragmatique: je ferais chaque ligne un tableau à 2 colonnes, donner la colonne de gauche (avec le texte) une largeur 0% (qui augmentera au minimum nécessaire) et la colonne de droite (vide avec souligner) une largeur de 100% (qui occupera l'espace restant); et je mettrais un bloc vide avec une bordure inférieure dans la cellule de la table de droite.

Cette conception du mien viole certains idéaux détenus par de nombreux autres concepteurs de sites Web. Je ne dis pas que c'est un design fantastique ou très conforme aux normes, je prétends simplement que c'est simple et que ça fonctionne.

Answer 3

Essayez d'utiliser une règle CSS comme

text-decoration: underline; 

ou

border-bottom: 1px solid black;