如何在行下创建带有小的子文本的可填充下划线文本

Question

如何为带有下划线的可填充行创建简单的可编辑字段而没有边框（例如名称，签名等的文档字段），并在其下带有小文本。

应该看起来像

_______Den_Andreychuk________
         (name)

Answer 1

最直接的方法可能是创建一个样式适当的输入字段，并在其下方添加标签。

<div style="width: 200px;">
    <input name="name" style="background: transparent; border: none; border-bottom: 1px solid black; text-align: center; line-height: 2; display: block; width: 100%;" value="Den Andreychuk" >
    <label for="name" style="text-align: center; font-size: 12px; display: block;">(name)</label>
</div>