帶有下劃線的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;