HTML — постоянный заполнитель в конце текста?

#html

#HTML

Вопрос:

Возможно ли иметь заполнитель в конце текстового поля, который всегда присутствует и всегда переходит в конец ввода?

Я хочу иметь что-то входное, в котором говорится «(нажмите, чтобы отредактировать)». Как только вы нажмете и отредактируете его, я все равно хочу, чтобы в конце вашего текста было написано «(нажмите, чтобы отредактировать)», чтобы напомнить, что это все еще доступно для редактирования.

Спасибо

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

1. Почему бы не использовать ярлык? Если ваш пользователь вводит какой-то большой текст, как он увидит надпись «нажмите, чтобы отредактировать», поскольку она будет добавлена в конец текстового значения?

Ответ №1:

попробуйте: после псевдоселектора:

HTML:

 <div class="input_wrapper">
    <input/>
</div>
 

css:

 .input_wrapper:after {
    content:"click to edit";
}
 

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

1. Спасибо! Это отлично работает. Я проголосую за это, как только смогу

Ответ №2:

существует bootstrap реализация:

 <div class="input-group">
  <input type="text" class="form-control">
  <span class="input-group-addon">Click to edit</span>
</div>
 

или вы можете сделать это (если вам нужно иметь его в качестве значения ввода) с помощью javascript: добавить и удалить из value свойства до и после редактирования