带有下划线的HTML表单，用于手写信息

Question

我需要制作一些HTML格式的表单，客户需要手动打印和写入一些条目，然后扫描或传真。

所以我希望这是一个地区签署类似“注册____________”

下划线都是好的，如果下划线是有限的长度，但如果我有一些行需要全力以赴（或在某些情况下，表格单元格）与每个前面的文字？

所以：

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

麻烦的是，如果我使用下划线，下划线不会在同一个地方完成，它看起来正确或扭曲的单元格的大小。最好的办法是强调空白，但这是不可能的。

Answer 1

将它包装在<pre> tags </pre>中。

它将使用等宽字体，以便您的下划线“线条”在相同的位置结束。 您可能已经注意到这也发生在上述问题中;-)

Answer 2

因此，使用border-bottom构建一些块元素。这些看起来像下划线，你可以玩颜色，厚度和什么。

甲务实的解决方案：我想使每行2列的表，给左边的列（与文本）的0%的宽度（这将扩大到最小需要的话）和右列（空与下划线）宽度为100%（将占用剩余空间）;我会把一个底部边框的空白块放到右边的表格单元格中。

我的这种设计违反了许多其他网页设计师的理念。我并不是说这是一个出色的或者非常符合标准的设计，我只是声称它很简单并且可行。

Answer 3

尝试使用CSS规则像

text-decoration: underline; 

或

border-bottom: 1px solid black;