Как создать заполняемый текст подчеркивания с небольшим подтекстом под строкой

#html

#HTML

Вопрос:

Как я могу создать простое редактируемое поле без границ для заполняемой строки с подчеркиванием (например, поле документов для имени, подписи и т.д.) И С небольшим текстом под этим.

Это должно выглядеть так

 _______Den_Andreychuk________
         (name)
  

Ответ №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>  

Комментарии:

1. Небольшое дополнение: возможно, вы захотите изменить value атрибут на placeholder , чтобы пользователю не приходилось удалять примерное имя.